[Bug]: Sass imports the CSS file to report an error

[djkloop]

Version

System:
    OS: Linux 6.1 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (2) x64 AMD EPYC
    Memory: 2.56 GB / 4.01 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  npmPackages:
    @rsbuild/core: ^0.7.9 => 0.7.9 
    @rsbuild/plugin-sass: ^0.7.9 => 0.7.9 
    @rsbuild/plugin-vue2: ^0.7.9 => 0.7.9

Details

Sass imports the CSS file to report an error. It can be used normally when using the aliases, but the console will report to warning. The SASS plug -in should support the introduction of CSS files

Reproduce link

https://codesandbox.io/p/github/djkloop/rs-issue-vue2-demo/main

Reproduce Steps

1. pnpm i -f
2. pnpm dev
3. terminal -> error/warning

test file path

run warning

run error

[djkloop]

sass/sass#3043

sass里面应该是支持css文件导入的...看了sass的issue

[chenjiahan]

Yes, it is allowed to import .css file in a .scss file, but it seems not allowed to use this in additionalData.

The codesandbox link does not match the problem you describe. Could you check the link?

[djkloop]

Yes, it is allowed to import .css file in a .scss file, but it seems not allowed to use this in additionalData.

The codesandbox link does not match the problem you describe. Could you check the link?

codesanbox demo

I found a new bug, which was originally warning, but after testing, it will report an error in the CSS file to introduce font files.I left a comment in the public.scss file

[chenjiahan]

Where is public.scss? Do you forget to push the code or switch the branch?

[github-actions]

Hello @djkloop. Please provide a reproduction repository or online demo. For background, see Why reproductions are required. Thanks ❤️

[djkloop]

@chenjiahan 可能是那个代码只在codesandbox更新了但是没有push到源仓库，我现在重新从codesanbox上推上去代码了，x现在应该是好的了，你在试试
demo

[xc2]

@djkloop

按照 sass 的规范，在 @import css 的时候，必须不能加 .css 后缀。

所以你应该写 @import "./var3"; (同时存在 var.scss 和 var.css 的时候会加载 var.scss，所以我这里把 var.css 文件改名为 var3.css 了）。

另外字体文件的报错是因为 iconfont.woff 这个文件确实不存在。

[djkloop]

@xc2 好的，谢谢