title: how to use sass using in vuejs3/vite
body: <p>I starting with vite / vuejs 3</p>
  <p>after installing sass with npm install -D sass I tried to add my _variables.js file this to vite.config.js</p>
  <pre><code>css: {preprocessorOptions: {scss: {additionalData: `@import&quot; ./src/css/_variables.scss &quot;;`,},},},
  </code></pre>
  <p>din't work!</p>
  <p>it also worked in vue.config</p>
  <pre><code>css: {
       loaderOptions: {
         sass: {
           sassOptions: {
              prependData: `@import&quot; @ / css / _variables.scss &quot;;`,
           }
         }
       }
     },
  </code></pre>
  <p>after this tried to import the file in main.js import &quot;./css/_variables.scss&quot;</p>
  <p>Unfortunately, my components cannot find the variables, where is the error</p>