Change global.css to global.scss loaded from root.tsx not working anymore
Qwik Version
0.0.39
Operating System (or Browser)
chrome 103 on windows 11
Node Version (if applicable)
node 18
Which component is affected?
Qwik Rollup / Vite plugin
Expected Behaviour
From the qwik starter, the root component loads the global.css styles and the App component like this:
import { App } from "./components/app/app";
import "./global.css";
export default () => {
return (
<html>
<head>
<meta charSet="utf-8" />
<title>Qwik Blank App</title>
</head>
<body>
<App />
</body>
</html>
);
};
If I change import "./global.css"; to import "./global.scss"; and rename the file global.css to global.scss it should load the styles and apply them in the page if sass is installed.
Actual Behaviour
If I change import "./global.css"; to import "./global.scss"; and rename the file global.css to global.scss it does NOT load the styles and apply them in the page even if sass is installed.
It compiles the scss styles but does not seem to load them in the page somehow, without any warning or error message anywhere (all the other scss styles in the app are working though)
Additional Information
No response