vue.js - Vue 3 + Vite + Typescript + Vuetify 3 - Sliter med å aktivere tilpassede SCSS Vuetify-variabler

Jeg sliter med tilpassede variables.scss i Vuetify. Jeg ønsker å kunne redigere de nåværende innstillingene. Jeg har lagt til all koden min i Stackblitz.

https://stackblitz.com/edit/vitejs-vite-f8eyba?file=src/sass/variables.scss

Jeg har sett på Vuetify-dokumentasjonen, men jeg kan ikke finne ut hva jeg gjør feil. Kan noen hjelpe, vær så snill?