fix(VChip): set default height to 32px

partial revert of change made in #17412, added custom
chip height variable specifically for fields

Author: johnleider

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

@@ -17,7 +17,7 @@ $chip-disabled-opacity: 0.3 !default;
 $chip-elevation: 1 !default;
 $chip-font-size: tools.map-deep-get(settings.$typography, "button", "size") !default;
 $chip-font-weight: 400 !default;
-$chip-height: 30px !default;
+$chip-height: 32px !default;
 $chip-icon-font-size: 1.25rem !default;
 $chip-label-border-radius: settings.$border-radius-root !default;
 $chip-max-width: 100% !default;

packages/vuetify/src/components/VField/VField.sass

@@ -30,6 +30,9 @@
   --v-field-input-padding-top: #{$field-input-padding-top}
   --v-field-input-padding-bottom: #{$field-input-padding-bottom}
 
+  .v-chip
+    --v-chip-height: #{$field-chip-height}
+
 /* endregion */
 /* region MODIFIERS */
 .v-field

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

@@ -16,6 +16,7 @@ $field-subtle-transition-timing: 250ms settings.$standard-easing !default;
 $field-underlined-margin-bottom: 4px !default;
 $field-clearable-margin: 4px !default;
 $field-clearable-transition: .15s opacity, .15s width settings.$standard-easing !default;
+$field-chip-height: 24px !default;
 
 // CONTROL
 $field-control-solo-background: rgb(var(--v-theme-surface)) !default;