[Bug Report][3.3.0] Unable to override sass VInput variables

[stevenhurth]

After upgrading to 3.3.0, we are no longer able to override VInput variables in our custom settings. ONLY VInput variables (all of them) throw this error when we try to override them, every other component variable works just fine.

“This variable was not declared with !default in the @used module.”

Checking the source for 3.3.0, the input variables are indeed declared with !default though.

nuxt 3.5
Vite
Sass 1.62.1

[lioneaglesolutions]

@johnleider can confirm this is a bug (not just with Nuxt) - facing the issue myself. Seems this could be somewhat breaking?

[johnleider]

You've submitted an issue that does not contain a valid or simple reproduction. In order to effectively disposition this, we need to verify that the problem exists outside of your environment as concisely as possible. This issue will be tagged as needs reproduction for the next 48 hours before being closed.

You can find information on how to contribute to Vuetify below:

• Vuetify Contributing Guide
• Contributing Rules
• Playground
• A simple and small repository

Keep in mind we cannot debug a personal application. Thank you for your understanding. If you have any questions, please reach out to us in our Discord community.

[lioneaglesolutions]

@johnleider repro here

https://github.com/lioneaglesolutions/vuetify-issue-17419

[KaelWD]

This breaks it:

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

Line 2 in 9b88014

@use '../VInput/variables' as *;

[lioneaglesolutions]

@KaelWD I'd be interested in an explanation as to why this breaks it if you get a chance

[KaelWD]

with is only inherited if the module is forwarded before being used

[SergkeiM]

After fix for me stayed the same with error:

I guess I will need now to re-work how I @forward "vuetify/settings"

[KaelWD]

https://github.com/lioneaglesolutions/vuetify-issue-17419 works for me with 3.3.1

[stevenhurth]

I can confirm this fixed the issue for us. Thank you kindly!