[Bug Report][3.3.21] VTextField: outlined variant label animation isn't scaling with rem

Environment

Vuetify Version: 3.3.21
Vue Version: 3.3.4
Browsers: Chrome 116.0.0.0
OS: Windows 10

Steps to reproduce

1. Click/focus on the input

Expected Behavior

During animation, the label is scaled down to the same size as the static label text that will appear on top.

Actual Behavior

During animation, the main label is becoming much smaller than then static label that will replace it, causing a visual jump.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Demo:

Motivation

There was a request for our app to consider changing 1rem = 14px instead of 16px; The idea is that we have a desktop-only app with an overloaded UI and the default sizes are a bit too big. I do understand that Vuetify is designed with 16px in mind, and some issues were inevitable, so I recommended against this change. Now I have a reason to support this recommendation to keep 16px :)

Start with the linked Vuetify reproduction and inspect the VTextField outlined variant label animation. Compare the animated label with the static label when the root font size uses 1rem = 14px. Done means both labels have matching apparent sizes during the transition without the visual jump.