fix(VField): rounded with long label border-radius

[sakiadachi]

Description

fixes #20305

• Problem: The end of the text field won't be rounded, and the text field will be bigger than the max-width set.
• Cause: .v-field__outline__notch sets a width larger than the specified max-width value.
• Solution: .v-field__outline__notch sets max-width according to the element's height.

Markup:

I reused reproduction provided by #20305

<template>
  <v-app>
    <v-container>
      <v-text-field
        label="ravuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuusuuus"
        rounded
        variant="outlined"
      />
    </v-container>
  </v-app>
</template>

<script>
  export default {
    name: 'Playground',
    setup () {
      return {
        //
      }
    },
  }
</script>

[johnleider]

Thank you for your contribution and interest in improving Vuetify! Make sure to join us in the Discord community.