fix(VChip): apply size styles

[SonTT19]

Description

fixes #19356

Markup:

<template>
  <v-app>
    <v-container>
      <v-chip size="100">hello</v-chip>
      <v-chip>hello</v-chip>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const msg = ref('Hello World!')
</script>

[KaelWD]

useSize sets both width and height to the same value, chip sizes need to go through these mixins instead: https://github.com/vuetifyjs/vuetify/blob/d8fd2297d04b130a484b723aa9c21dff7546c9a1/packages/vuetify/src/components/VChip/_mixins.scss

[SonTT19]

useSize sets both width and height to the same value, chip sizes need to go through these mixins instead: https://github.com/vuetifyjs/vuetify/blob/d8fd2297d04b130a484b723aa9c21dff7546c9a1/packages/vuetify/src/components/VChip/_mixins.scss

Thanks @KaelWD for the review. But i'm not sure how can it be done in this case.
If you can enlighten me, that would be great. Otherwise i might close this PR

[KaelWD]

This is similar to #16288

[johnleider]

Instead of sizeStyles you should useDimensions from the dimensions composable.