fix: dialog border, shadow

packages/ui/src/components/dialog.css

@@ -43,14 +43,14 @@
 
       /* padding: 8px; */
       /* padding: 8px 8px 0 8px; */
-      border: 1px solid hsl(from var(--border-base) h s l / 0.2);
+      border: 1px solid color-mix(in oklch, var(--border-base) 25%, transparent);
       border-radius: var(--radius-xl);
       background: var(--surface-raised-stronger-non-alpha);
       background-clip: padding-box;
       box-shadow:
-        0 15px 45px 0 rgba(19, 16, 16, 0.35),
-        0 3.35px 10.051px 0 rgba(19, 16, 16, 0.25),
-        0 0.998px 2.993px 0 rgba(19, 16, 16, 0.2);
+        0 15px 45px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1)),
+        0 4px 12px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.1)),
+        0 1px 3px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1));
 
       /* animation: contentHide 300ms ease-in forwards; */
       /**/