如何在React scss模块中使用scss@use

我正在尝试为我的项目创建一个全局可访问的颜色主文件，但在。。。预期表达式错误。我的文件结构如下所示：

|src
    |components
    |         |Skillset
    |                 |Skillset.js
    |                 |Skillset.module.scss
    |_colors.scss

在我的

\u colors.scss

文件中，我有

$darkPurple:#3B3B4F在顶部

在我的
Skillset.module.scss
文件中，我将其写为：

@use "src/colors";

.skillsetContent {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: colors.$darkPurple; //<--- this is where I'm using the variable
    padding: 0 140px;
    z-index: 3;
}

@使用“src/colors”；
.skillsetContent{
最小高度：100vh；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
背景色：颜色。$darkPurple；//节点sass不支持@use。要支持@use，需要使用dart scss

npm uninstall node-sass
npm install sass