uni-app vue3 使用 sass @use 语法报错

uni-app vue3 使用 sass @use 语法报错

产品分类：uniapp/H5

浏览器平台：Chrome
浏览器版本：Version 134.0.6998.166 (Official Build) (arm64)

示例代码：

<style lang="scss" scoped>
[@use](/user/use) '../../libs/css/components.scss';
</style>

操作步骤：

<style lang="scss" scoped>
[@use](/user/use) '../../libs/css/components.scss';
</style>

预期结果：
运行正常

实际结果：
编译器报错
SassError: @use rules must be written before any other rules.

bug描述： 关联问题：https://ask.dcloud.net.cn/question/206689?item_id=295848&rf=false

环境：
目前 sass 升级到1.86.0; “@dcloudio/uni-app”: “3.0.0-alpha-4050720250320001”,

问题描述：
目前 sass 升级到1.86.0后，原有使用@import 的语法，会出现
Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

<style lang="scss" scoped>  
[@import](/user/import) '../../libs/css/components.scss';  
</style>

根据sass 官方建议使用@use 语法

<style lang="scss" scoped>  
[@use](/user/use) '../../libs/css/components.scss';  
</style>