styleguide.config with .scss variables.scss

How do I add a stylesheet(scss) to load along with my styleguide? I am using vue-cli-3

module.exports = {
  // set your styleguidist configuration here
  title: 'Default Style Guide',
  defaultExample: true,
  components: 'src/components/**/[A-Z]*.vue',
  webpackConfig: {
    module: {
      resolve: {
        extensions: ['.es6']
      },
      rules: [
        {
          css: {
            loaderOptions: {
              // pass options to sass-loader
              sass: {
                // @/ is an alias to src/
                // so this assumes you have a file named `src/variables.scss`
                data: `@import "@/variables.scss";`
              }
            }
          }
        }
      ]
    }
  }
}

[elevatebart]

@raulmelo riding a white horse running to the rescue, my armor shining in the sun 😉 Let me check that.

[elevatebart]

Hello @raulmelo, I found out that with the vue cli 3, if you want to change the webpack config css, you have to use this doc passing-options-to-pre-processor-loaders