Error in Vite 6 when Importing a SCSS file

[devcaco]

Hi. I upgraded my VIte dependency to the latest version (6.0.3) from version 5.4 and since then I have been getting an error when launching my react app. Apparently it has to do with a scss file I'm importing in the vite.config.js file.

css: {
preprocessorOptions: {
scss: {
additionalData: @import 'src/mixins.scss';,
},
},
},

Did something change in version 6 related to this? I have not found a solution. With Vite version 5.4 it works fine.

Any help would be greatly appreciated. Thanks

[hi-ogawa]

Can you show what the error is and ideally reproduction?

[devcaco]

Hi, thanks for the reply.
I figured it out, apparently the error is due to the new version of SCSS (specifically Dart Sass 1.80.0. ) which introduces a breaking change in which @import is no longer supported.