I am trying to prepend scss files to my project. Here is my `vue.config.js`:

```
const {defineConfig} = require('@vue/cli-service');
module.exports = defineConfig({
    transpileDependencies: true,
    css: {
        loaderOptions: {
            scss: {
                sassOptions: {
                    content: "~@/assets/styles/base/_colors.scss;"
                }
            }
        }
    }
});

```

But scss is not loaded (look at the screenshot). I am using Vue3, sass@1.32.7, sass-loader@12.0.0
[![enter image description here](https://i.stack.imgur.com/axDxX.png)](https://i.stack.imgur.com/axDxX.png)
[![enter image description here](https://i.stack.imgur.com/Fwkof.png)](https://i.stack.imgur.com/Fwkof.png)

P.S. with node-sass it worker fine