Laravel 10 Vite importing Sass partials

Laravel newbie here.

tl;dr: how to load Sass partials in Vite config file (Sass partial located in resources/css/global/_layout.scss)?

For some reason using @forward('file/folder-name') does not work. Do I have to import partials in Vite as well?

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.scss', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

I feel superconfused as to how am I supposed to load Sass partials in Laravel 10 Vite, unfortunately consulting Laravel Documentation did not help me, however I found someone having a similar issue in a close environment. Their solution was to pass partials in the Vite config file (very roundabout, but hey at least they made it work):

    import { defineConfig } from 'vite'
    
    export default defineConfig({
      css: {
        preprocessorOptions: {
          scss: {
            additionalData: `
              @import "./src/styles/_animations.scss";
              @import "./src/styles/_variables.scss";
              @import "./src/styles/_mixins.scss";
              @import "./src/styles/_helpers.scss";
            `
          }
        }
      }
    })

However, my vite.config.js seems to be structured differently and this syntax just won't work

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.scss', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

My impression is that since Laravel switched to Vite Sass is no longer a conventional option for your stylesheets, especially since Vite officially recommends devs to just use plain CSS, is it correct? My project requires me to use Sass, but if it's really that bad I'm thinking about entering a serious discussion to change project requirements.