fix tailwind

src/components/ui/dialog/DialogDescription.vue

@@ -1,15 +1,24 @@
 <script setup lang="ts">
-import { DialogDescription as DialogDescriptionPrimitive } from 'radix-vue'
 import { cn } from '@/lib/utils'
-import type { HTMLAttributes } from 'vue'
+import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'reka-ui'
+import { computed, type HTMLAttributes } from 'vue'
 
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <DialogDescriptionPrimitive :class="cn('text-sm text-muted-foreground', props.class)">
+  <DialogDescription
+    v-bind="forwardedProps"
+    :class="cn('text-sm text-muted-foreground', props.class)"
+  >
     <slot />
-  </DialogDescriptionPrimitive>
-</template> 
+  </DialogDescription>
+</template>