Update border color in PricingTable and Drawer components

Changed border color references from $borderAlpha100 to $borderAlpha150 in PricingTableDefault and Drawer components for improved visual consistency.

Author: alexcarpenter

packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx

@@ -169,8 +169,7 @@ function Card(props: CardProps) {
         background: common.mutedBackground(t),
         borderWidth: t.borderWidths.$normal,
         borderStyle: t.borderStyles.$solid,
-        borderColor: t.colors.$borderAlpha100,
-        boxShadow: !isCompact ? t.shadows.$cardBoxShadow : t.shadows.$tableBodyShadow,
+        borderColor: t.colors.$borderAlpha150,
         borderRadius: t.radii.$xl,
         overflow: 'hidden',
         textAlign: 'left',
@@ -205,7 +204,7 @@ function Card(props: CardProps) {
               backgroundColor: hasFeatures ? t.colors.$colorBackground : 'transparent',
               borderTopWidth: hasFeatures ? t.borderWidths.$normal : 0,
               borderTopStyle: t.borderStyles.$solid,
-              borderTopColor: t.colors.$borderAlpha100,
+              borderTopColor: t.colors.$borderAlpha150,
             })}
             data-variant={isCompact ? 'compact' : 'default'}
           >
@@ -225,7 +224,7 @@ function Card(props: CardProps) {
               padding: isCompact ? t.space.$3 : t.space.$4,
               borderTopWidth: t.borderWidths.$normal,
               borderTopStyle: t.borderStyles.$solid,
-              borderTopColor: t.colors.$borderAlpha100,
+              borderTopColor: t.colors.$borderAlpha150,
               order: ctaPosition === 'top' ? -1 : undefined,
             })}
           >

packages/clerk-js/src/ui/elements/Drawer.tsx

@@ -264,8 +264,7 @@ const Content = React.forwardRef<HTMLDivElement, ContentProps>(({ children }, re
             borderStartEndRadius: strategy === 'fixed' ? t.radii.$lg : 0,
             borderWidth: t.borderWidths.$normal,
             borderStyle: t.borderStyles.$solid,
-            borderColor: t.colors.$borderAlpha100,
-            boxShadow: t.shadows.$cardBoxShadow,
+            borderColor: t.colors.$borderAlpha150,
             overflow: 'hidden',
             pointerEvents: 'auto',
           })}
@@ -304,7 +303,7 @@ const Header = React.forwardRef<HTMLDivElement, HeaderProps>(({ title, children,
           ),
           borderBlockEndWidth: t.borderWidths.$normal,
           borderBlockEndStyle: t.borderStyles.$solid,
-          borderBlockEndColor: t.colors.$borderAlpha100,
+          borderBlockEndColor: t.colors.$borderAlpha150,
           borderStartStartRadius: t.radii.$lg,
           borderStartEndRadius: t.radii.$lg,
           paddingBlock: title ? t.space.$3 : undefined,