Css duplication #1932
Description
Qwik Version
qwik: ^0.12.1 - qwik-city: ^0.0.118
Operating System (or Browser)
Linux>Kubuntu>VSCode>Vivaldi
Node Version (if applicable)
16.18.0
Which component is affected?
Qwik Runtime
Expected Behaviour
Context:
I update my qwik version, and the css of my application started to duplicate. I think is something related to the sass compilation been split in the qwik run time.
I was remove the postcss, tailwind. But nothing resolves, I change the version of qwik to a older one no css duplication.
Project description
"devDependencies": {
"@builder.io/qwik": "^0.12.1",
"@builder.io/qwik-city": "^0.0.118",
"@netlify/vite-plugin-netlify-edge": "^1.1.1",
"@types/eslint": "^8.4.8",
"@types/node": "latest",
"@typescript-eslint/eslint-plugin": "^5.41.0",
"@typescript-eslint/parser": "^5.41.0",
"autoprefixer": "^10.4.12",
"cssnano": "^5.1.14",
"eslint": "^8.26.0",
"eslint-plugin-qwik": "^0.12.1",
"node-fetch": "^3.2.10",
"postcss": "^8.4.16",
"postcss-nesting": "^10.2.0",
"postcss-preset-env": "^7.8.2",
"prettier": "^2.7.1",
"prettier-plugin-tailwindcss": "^0.1.13",
"sass": "^1.55.0",
"tailwindcss": "^3.1.8",
"typescript": "^4.8.4",
"vite": "^3.2.0",
"vite-tsconfig-paths": "^3.5.0"
}
I don't use @import I use @foword for sass.
My sass is in a structure l is like this;
src/styles
└── config/
│ ├──── _index.scss
│ ├──── _reset.scss
│ └──── _tailwind.scss
└── tokens/
│ ├──── _index.scss
│ └──── _media.scss
└── _index.scss
And I put the css in my project this way:
Expected behavior
In the browser:
Actual Behaviour
On the browser the result is this one
I this that the scss is been imported again in chuncks because is not recognizing the @foword
Additional Information
If you guy have difficult to replicate the error this is my repository that has the error:
https://github.com/Johann-Goncalves-Pereira/spotify-Qwik