feat(VField): support border prop

[yuwu9145]

Description

When border prop applied, VField actually uses outlined variant under the hood but override outline styles with border styles

Markup:

<template>
  <v-app>
    <v-container>
      <v-text-field
        border="md"
        placeholder="test"
      />
      <v-text-field
        label="Label"
        border="success lg"
      />
      <v-text-field
        label="Label"
        variant="outlined"
      />
    </v-container>
  </v-app>
</template>
<script setup>
</script>

[johnleider]

Solo variants don't work with the border prop:

<v-text-field
        placeholder="test"
        variant="underlined"
        border
      />

[J-Sek]

I have a use case for detecting changed values (against a baseline object) in a big form. Currently my workaround requires custom class and a lengthy override. It would be much better to get this from the framework :)

.my-number-input--changed ::v-deep(.v-field:not(.v-field--error))
  .v-field__outline__start,
  .v-field__outline__notch::before,
  .v-field__outline__notch::after,
  .v-field__outline__end
    --v-field-border-opacity: 1
    border-color: orange !important