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

[Loongle]

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

3.0.18

平台

alipay

重现链接

暂无

重现步骤

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

More info and automated migrator: https://sass-lang.com/d/import

0 | @import 'make-animation.scss';


node_modules/@nutui/nutui-react-taro/dist/styles/mixins/index.scss 1:9                @import
node_modules/@nutui/nutui-react-taro/dist/es/packages/tabs/style-jmapp/tabs.scss 2:9  root stylesheet

期望的结果是什么？

升级导入指令

实际的结果是什么？

出现警告

环境信息

No response

其他补充信息

No response

[pigpigever]

我也遇到了类似的问题

[zcdcx]

@Loongle @pigpigever 如果使用的sass在config/index里面加上 sass: { data: '@use "@nutui/nutui-react-taro/dist/styles/variables.scss" as *;' }, 把variables.scss的变量注入到全局的命名空间里面去方可解决这个问题 当然这是一个例子，具体如何解决应该按照你实际的项目去

[Loongle]

sass: { data: '@use "@nutui/nutui-react-taro/dist/styles/variables.scss" as *;' },

@zcdcx 使用了该方式依旧出现warring警告，似乎和这个没有关系

[pzehrel]

我在vite配置中这样写可以正确运行

    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler',
          additionalData: `@use '@nutui/nutui-react/dist/styles/variables.scss' as *;\n`,
        },
      },
    },

package.json

{
	"devDependencies": {
		"vite": "7.2.4",
		"sass": "^1.94.2",
	}
}