I know sass is currently using dart-sass which supports "@use": https://sass-lang.com/documentation/at-rules/use
Here is my rollup configuration:
postcss({
plugins: [autoprefixer()],
extract: false,
modules: true,
use: ["sass"]
})
But if I use this in the scss
file
@use "./vars.module";
.header {
height: vars.$size-base;
}
I got (plugin postcss) Error: Invalid CSS after " height: vars": expected expression (e.g. 1px, bold), was ".$size-base;"
It does work perfectly using @import
but it will be deprecated
@import "./vars.module";
.header {
height: $size-base;
}
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too