fix: change name of myPages link vaariant to underscored

components/Loyalty/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx

@@ -44,7 +44,7 @@ export default async function ContactRow({ contact }: ContactRowProps) {
       <Link
         className={styles.link}
         href={openableLink}
-        variant="myPage"
+        variant="underscored"
         color="burgundy"
         size="small"
       >

components/TempDesignSystem/Link/link.module.css

@@ -20,7 +20,7 @@
   gap: var(--Spacing-x-half);
 }
 
-.myPage {
+.underscored {
   font-family: var(--typography-Body-Underlined-fontFamily);
   font-size: var(--typography-Body-Underlined-fontSize);
   font-weight: var(--typography-Body-Underlined-fontWeight);

components/TempDesignSystem/Link/variants.ts

@@ -23,7 +23,7 @@ export const linkVariants = cva(styles.link, {
       breadcrumb: styles.breadcrumb,
       default: styles.default,
       icon: styles.icon,
-      myPage: styles.myPage,
+      underscored: styles.underscored,
       myPageMobileDropdown: styles.myPageMobileDropdown,
       shortcut: styles.shortcut,
       sidebar: styles.sidebar,

components/TempDesignSystem/LoyaltyCard/index.tsx

@@ -49,7 +49,7 @@ export default function LoyaltyCard({
             color="burgundy"
             href={link.href}
             target={link.openInNewTab ? "_blank" : undefined}
-            variant="myPage"
+            variant="underscored"
           >
             <ArrowRight
               color="burgundy"

components/TempDesignSystem/Text/Title/variants.ts

@@ -32,7 +32,6 @@ const config = {
   defaultVariants: {
     color: "burgundy",
     textAlign: "left",
-    textTransform: "uppercase",
     type: "h1",
   },
 } as const