[vite] (client) Pre-transform error: [sass] Can't find stylesheet to import.
 
@use 'sass-mq' as *;
  src/assets/styles/_global.scss 1:1  @use
  src/assets/styles/index.scss 2:1    root stylesheet
  Plugin: vite:css
  File: /Users/xxx/project/src/assets/styles/index.scss:1:1
[sass] Can't find stylesheet to import.
    
   @use 'sass-mq' as *;
    ^^^^^^^^^^^^^^^^^^^
    src/assets/styles/_global.scss 1:1  @use
    src/assets/styles/index.scss 2:1    root stylesheet

import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import commonjs from 'vite-plugin-commonjs'
import { hash } from './utils'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    commonjs()
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build: {
    commonjsOptions: { transformMixedEsModules: true },
    rollupOptions: {
      external: ['vue'],
      output: { // for cache busting
        entryFileNames: '[name]' + hash + '.js',
        chunkFileNames: '[name]' + hash + '.js',
        assetFileNames: '[name]' + hash + '.[ext]',
        globals: {
          vue: 'Vue'
        }
      }
    }
  },
  optimizeDeps: {
    exclude: ['vue-to-print']
  }
})