chore: cherry-pick Add calc to line heights (#7350)

Author: alexcarpenter

packages/ui/src/foundations/typography.ts

@@ -9,10 +9,10 @@ const fontWeights = Object.freeze({
 
 const lineHeights = Object.freeze({
   normal: 'normal',
-  extraSmall: '1.33333',
-  small: '1.38462',
-  medium: '1.41176',
-  large: '1.45455',
+  extraSmall: 'calc(16 / 12)', // = 1.33333
+  small: 'calc(18 / 13)', // = 1.38462
+  medium: 'calc(24 / 17)', // = 1.41176
+  large: 'calc(16 / 11)', // = 1.45455
 } as const);
 
 const letterSpacings = Object.freeze({