refactor(styled modal): change Title and Description classes

Author: maiieul

.changeset/twenty-terms-drive.md

@@ -0,0 +1,5 @@
+---
+'@qwik-ui/styled': patch
+---
+
+REFACTOR styled modal: change Title and Description classes

packages/kit-styled/src/components/modal/modal.tsx

@@ -28,7 +28,7 @@ const Title = component$<PropsOf<'h2'>>(({ ...props }) => {
   return (
     <HeadlessModal.Title
       {...props}
-      class={cn('flex flex-col space-y-1.5 text-center sm:text-left', props.class)}
+      class={cn('text-lg font-semibold tracking-tight', props.class)}
     >
       <Slot />
     </HeadlessModal.Title>
@@ -37,7 +37,10 @@ const Title = component$<PropsOf<'h2'>>(({ ...props }) => {
 
 const Description = component$<PropsOf<'p'>>(({ ...props }) => {
   return (
-    <HeadlessModal.Description {...props} class={cn('text-sm font-light', props.class)}>
+    <HeadlessModal.Description
+      {...props}
+      class={cn('text-sm text-muted-foreground', props.class)}
+    >
       <Slot />
     </HeadlessModal.Description>
   );