Using tailwindcss in rsbuild, @apply reports an error

[v587jing]

使用pnpm create rsbuild@latest初始化一个vue项目,并且按官方文档安装了tailwindcssV4,

1. 在test.scss文件中使用@apply bg-red-500，并且在入口文件index.js中引入 import './test.scss' , test.scss文件内容如下:
   .test {
   @apply bg-red-500
   }
   报错:× Error: Cannot apply unknown utility class: bg-red-500
   2.在App.vue文件里面的以下写法不报错,可以正常使用:

<style lang="scss" scoped> .test { @apply bg-red-500 ; } </style>，

项目使用最新的依赖包，如下:
{
"name": "abcdefg",
"version": "1.0.0",
"private": true,
"type": "module",
"scripts": {
"build": "rsbuild build",
"dev": "rsbuild dev --open",
"preview": "rsbuild preview"
},
"dependencies": {
"vue": "^3.5.13"
},
"devDependencies": {
"@rsbuild/core": "^1.2.16",
"@rsbuild/plugin-sass": "^1.2.2",
"@rsbuild/plugin-vue": "^1.0.7",
"@tailwindcss/postcss": "^4.0.12",
"tailwindcss": "^4.0.12"
}
}

[chenjiahan]

Duplicated: #4777