fix bundling

Author: duy211099

app/frontend/components/ui/badge.tsx

@@ -13,8 +13,7 @@ const badgeVariants = cva(
         secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
         destructive:
           'bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90',
-        outline:
-          'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+        outline: 'border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
         ghost: '[a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 [a&]:hover:underline',
       },

app/frontend/entrypoints/_base.css

@@ -1,8 +1,12 @@
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    border-color: var(--border);
   }
   body {
-    @apply bg-background text-foreground;
+    background-color: var(--background);
+    color: var(--foreground);
   }
-}
+  html {
+    font-family: var(--font-sans);
+  }
+}

app/frontend/entrypoints/application.css

@@ -126,12 +126,12 @@
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    @apply outline-ring/50;
     }
   body {
     @apply bg-background text-foreground;
     }
   html {
     @apply font-sans;
     }
-}
+}