fix: Storybook build and fix cal brand colors (#9588)

Storybook failed with satisfies operator
Fix cal brand colors in storybook

apps/storybook/styles/storybook-styles.css

@@ -235,6 +235,7 @@
     */
     --cal-brand:#111827;
     --cal-brand-emphasis:#101010;
+    --cal-brand-text: white;
   }
   .dark {
     /* background */
@@ -274,7 +275,8 @@
     /* Brand shenanigans
       -> These will be computed for the users theme at runtime.
     */
-    --cal-brand: #111827;
-    --cal-brand-emphasis: #101010;
+    --cal-brand: white;
+    --cal-brand-emphasis: #e1e1e1;
+    --cal-brand-text: black;
   }
 }

packages/ui/components/top-banner/TopBanner.tsx

@@ -22,7 +22,7 @@ const variantClassName = {
 const defaultIconProps = {
   className: "text-emphasis h-4 w-4 stroke-[2.5px]",
   "aria-hidden": "true",
-} satisfies LucideProps;
+} as LucideProps;
 
 export function TopBanner(props: TopBannerProps) {
   const { Icon, variant = "default", text, actions, onClose } = props;