【Vite+sass】在base.scss中有个类，想在组件内@extend该类，继承无效?

// user.vue
.user-icon{
  @extend .display-center !optional;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
}

vite.conifg.ts
export default defineConfig({
  css:{
    preprocessorOptions: {
      scss: {
          additionalData: `@use "@/assets/scss/base.scss" as * ;`, 
      }
    }
  }
})

只有这样配置才能生效。

直接import导入到main.ts中无效

main.ts
import 'base.scss' // 无效