Problems with global styles Nuxt-3

[meliceanu]

Hello,

i have configured the global styles in my Nuxt3 project, following the correct documentation for both Dart-sass and Nuxt-3.

Even though all seems correct i still encounter problems when i try to use variables, other .scss files. Variables work correctly when i use them directly in the component and not in a .scss file.

This is the current configuration

These variables are not directly accessible in other .scss files but i have to manually recall the variables like this:

Which is repeating the initial global setup.

I import manually the variables in every single other .scss file that uses the variables.

This is the current structure:

And each _index.scss is basically like this, with their relative files, using @forward:

Am i doing something wrong?

I use the latest versions of both Nuxt-3 and Sass.

Thank you.

[nex3]

This issue tracker specifically covers issues relating to the Sass JavaScript API itself, not wrapper APIs provided by other frameworks or plugins. If you've found a bug in Sass's JS API, please provide a reproduction that only uses that API without any additional wrappers around it. Otherwise, please file an issue with the authors of the wrapper API you're using, since they're responsible for how it invokes the Sass API.