update font family style for new labs design

Author: dskamiotis

dotcom-rendering/src/components/CardHeadline.tsx

@@ -113,18 +113,7 @@ const fontFamilies = {
 
 /** These represent the font groups used by card headline */
 const fontFamiliesLabs = {
-	headlineMedium: {
-		xxxlarge: headlineMedium64,
-		xxlarge: headlineMedium50,
-		xlarge: headlineMedium42,
-		large: headlineMedium34,
-		medium: headlineMedium28,
-		small: headlineMedium24,
-		xsmall: headlineMedium20,
-		xxsmall: headlineMedium17,
-		xxxsmall: headlineMedium15,
-		tiny: headlineMedium14,
-	},
+	headlineMedium: fontFamilies.headlineMedium, // ← Add this reference
 	/** Line height for sans style headlines for labs is overridden to match that of other headlines (1.15) */
 	textSans: {
 		xxxlarge: `${textSansBold20}\n\tline-height: 1.15;\n`,
@@ -159,7 +148,8 @@ const getFontSize = (
 	family: FontFamily,
 	fontSource?: typeof fontFamilies | typeof fontFamiliesLabs,
 ) => {
-	const font = (fontSource ?? fontFamilies)[family];
+	const source = fontSource ?? fontFamilies;
+	const font = source[family];
 
 	const { desktop, tablet, mobileMedium, mobile } = sizes;