Vite项目中Sass变量在Vue组件里失效怎么办？

我在用Vite+Vue3开发时，按照文档在组件style标签里写了lang=”scss”，但定义的$primary-color变量一直报未识别的标识符错误，控制台提示”undefined variable”。

这是我的组件代码：

<template>
  <div class="container">测试颜色</div>
</template>

<script setup>
</script>

<style lang="scss">
$primary-color: #41b883;

.container {
  color: $primary-color; // 这里报错
}
</style>

已经安装了sass包，但问题依旧。网上说Vite默认支持预处理，是不是需要额外配置？或者变量写法有问题？