[Bug Report][3.2.2] v-label sass variables don't work

[mwshub]

Environment

Vuetify Version: 3.2.2
Vue Version: 3.2.47
Browsers: Firefox 112.0
OS: Windows 10

Steps to reproduce

1. add v-checkbox, v-radio, v-label, etc.
2. modify variables such as $label-color, $label-disabled-color, $label-error-color and $label-letter-spacing in settings.scss.

Expected Behavior

The color of the text will be changed.

Actual Behavior

The spacing between letters has been increased, but the colors have not been changed.

Reproduction Link

https://stackblitz.com/edit/vitejs-vite-dw77gf?file=src/App.vue

Other comments

The current color of the text is too light, which is why I need to customize the color.

Related to #16928.

[lioneaglesolutions]

vuetify/packages/vuetify/src/components/VLabel/_variables.scss

Line 4 in b18bde9

$label-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;

vuetify/packages/vuetify/src/components/VLabel/_variables.scss

Line 5 in b18bde9

$label-disabled-color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !default;

vuetify/packages/vuetify/src/components/VLabel/_variables.scss

Line 7 in b18bde9

$label-error-color: rgb(var(--v-theme-error)) !default;

It looks like there were a few other variables introduced in https://github.com/vuetifyjs/vuetify/pull/14359/files#diff-6e2ab35094d273d04f94386767bad15de636d9daacf92de5125b46d6a3065dda

I can see they were used in this merge into next;
https://github.com/vuetifyjs/vuetify/pull/14359/files#diff-f6b0995d964f4e5cf4eb1e3f1ee04d4fdef5a8586974c8a7092ad6f113bd9dd8R22

But I can't seem to follow it from there to see if/where they were removed.

[lioneaglesolutions]

Okay I can see they were removed in ae01ce4 but the Sass variables remain. To me error/disabled/color should be control by the theme and the new defaults, not Saas variables so I assume the variables just need to be removed - @johnleider any insights on this one?

[MaxenceMouchard]

I spent a long time trying to understand how sass variables worked with vuetify. Now I see that it's just an inconsistency or a bug ...

Like @mwshub I confirm that the override of a variable such as $label-color makes absolutely no visual difference, which is not the case with $label-font-size, which works as expected, for example.

A component such as label, so simple and useful, shouldn't be reporting this kind of problem. It would be reassuring if this kind of issue could be handled.