如图：

一、解决办法：

在vite.config.js文件中加上 api: 'modern-compiler'

resolve: {
    api: 'modern-compiler', // 使用了现代编译器 API 来处理 SCSS 文件，否则控制台会报错
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },

二、问题原因

参看：vite中sass警告JS API过期_the legacy js api is deprecated and will be remove-CSDN博客