SASS: Error: @use rules must be written before any other rules

[karmic hearth]

The error you're encountering indicates that the @use rule in your _grid.scss file is being used after other rules, which is not allowed according to the Sass specification. The @use rule must come before any other CSS rules, including @import statements.

To resolve this issue, you need to ensure that @use is placed at the beginning of your _grid.scss file, before any other Sass rules.

[low river]

How can I make sure this is being used before the import? I use variables from variables.scss inside _grid.scss? I've even tried:

      scss: {
        additionalData: `
          @use "sass:math";
          @import "@/assets/styles/variables.scss";
        `,
      },