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.