Issue with SCSS/SASS additionalData config

[AndrejNemec]

Hello,

I'm currently experiencing an issue with setting up SCSS in a project using the Vinxi framework. Specifically, I'm running into problems with the additionalData configuration option. This setup works without any issues in Vite 5, but I'm encountering errors in the Vinxi framework context.

I've set up a StackBlitz sandbox to demonstrate the issue: https://stackblitz.com/edit/vitejs-vite-5v5kjj

Here's a snippet of the configuration I'm using:

config("user", {
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "./app/_mantine";`,
      },
    }
  }
})

However, when I try to run the project, I encounter the following error message:

Error: @use rules must be written before any other rules.
  ╷
1 │ @import "./app/_mantine";@use 'sass:math';

This suggests an issue with the order of @use and @import rules, but I'm unsure how to resolve this within the additionalData context of the SCSS configuration in Vinxi.

Has anyone encountered a similar issue or has any insight into how to properly configure additionalData for SCSS in the Vinxi framework? Any advice or suggestions would be greatly appreciated.

Thank you for your help!

@nksaraf