Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

这是因为 @import 规则已被弃用，并将在Dart Sass 3.0.0中删除。
解决方法：
修改全局样式引入，将引用 @import 改成 @use，代码如下：

css: {
            preprocessorOptions: {
                scss: {
                    javascriptEnabled: true,
                    additionalData: '@use "@/styles/variable.scss";',
                },
            },
        }

定义全局变量：

$color:blue;

使用：

.box{
    color:$color;
  }
改为

.box{
    color:variable.$color;
  }