[Bug Report][3.3.15] v-textarea and v-text-field variant="outlined" and rounded="xl" does not have the proper left radius

[Gandhi11]

Environment

Vuetify Version: 3.3.15
Last working version: 3.3.14
Vue Version: 3.3.4
Browsers: Chrome 115.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Add a v-textarea or v-text-field with the variant="outlined", add rounded="xl".

Expected Behavior

The radius on the left should be like the radius on the right of the textarea

Actual Behavior

The radius on the left is not like the radius on the right of the textarea

Reproduction Link

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

[mcfarljw]

Just ran into this today. Here is an example using v-text-field:

https://play.vuetifyjs.com/#eNqlUstugzAQ/BXLF1opYFVtL1FSpf/QW8iB4KVxix+yF5oo4t+7BqJQconUGzu7O7MzeHvm785lbQN8yVcI2tUFwltuGFu1aeFc/9kXpTVYKAN+hHoQ4YhppaCWF5CxNtVWQr3OuQ6fOb82iLuEg60leGp+nBywYDXgQZk/c942RoKkmWM9xdvCq8Ig4bbBmk6R1664HCrml0ZkMLISE4NUhtIrhywANoNPpZ31yM7MQ8U6VnmrWULZJHGcMeINyMgUW8eJhyR5jKQDDRHwBR8YUl247CtYQ6Ge42Y+NkLOl6xHIkbMsc75AdGFpRClNLRG2anWZwZQGKfFhsaEbwwqDam0evOcPWcvQqqAUziDoNO9tz8BPJHkfDGRQVWd7pAaJ3uFp9dBYsTSutiHqHHDLUiwBZ96oJ/mwd9rabY2tTVr3ViL6l1uOgqcnsF3mGVdhj7n7eXI/3nu2SLVLip2C94fStLDBt/9AmymE8I=

[KaelWD]

🤦 Of course [class^="rounded-"] only works if rounded is the first/only class applied.