fix: update MM Sans and MM Poly fonts to use PostScript names

app/components/UI/DeleteWalletModal/styles.ts

@@ -80,7 +80,7 @@ export const createStyles = (colors: any) =>
     warningText: {
       textAlign: 'left',
       width: '100%',
-      fontFamily: 'Geist Medium',
+      fontFamily: 'Geist-Medium',
     },
     warningTextContainer: {
       flexDirection: 'column',

app/components/UI/Earn/Views/EarnMusdConversionEducationView/EarnMusdConversionEducationView.styles.ts

@@ -1,4 +1,4 @@
-import { Platform, StyleSheet } from 'react-native';
+import { StyleSheet } from 'react-native';
 import type { Theme } from '../../../../../util/theme/models';
 
 export const styleSheet = (params: { theme: Theme }) => {
@@ -24,8 +24,7 @@ export const styleSheet = (params: { theme: Theme }) => {
     },
     heading: {
       marginBottom: 8,
-      fontFamily:
-        Platform.OS === 'android' ? 'MM Sans Regular' : 'MMSans-Regular',
+      fontFamily: 'MMSans-Regular',
     },
     bodyText: {
       marginBottom: 32,

app/components/UI/Perps/components/PerpsGTMModal/PerpsGTMModal.styles.ts

@@ -71,21 +71,19 @@
       fontSize: titleFontSize || scaleFont(useSystemFont ? 44 : 47), // Slightly smaller base for system fonts
       lineHeight: titleFontSize
         ? titleFontSize + 1
         : scaleFont(useSystemFont ? 46 : 48),
       textAlign: 'center',
       paddingTop: scaleVertical(12),
       fontFamily: useSystemFont
         ? Platform.OS === 'ios'
           ? 'System'
           : 'Roboto'
-        : Platform.OS === 'ios'
-          ? 'MM Poly'
-          : 'MM Poly Regular',
+        : 'MMPoly-Regular',
       fontWeight: useSystemFont
         ? '700'
         : Platform.OS === 'ios'
           ? '900'
           : 'normal',
     },
     titleDescription: {
       paddingTop: scaleVertical(10),
@@ -94,9 +92,9 @@
       fontSize: subtitleFontSize || scaleFont(16),
       lineHeight: subtitleFontSize ? subtitleFontSize + 4 : scaleFont(20),
       fontFamily: useSystemFont
         ? Platform.OS === 'ios'
           ? 'System'
           : 'Roboto'
         : 'Geist-Regular',
       fontWeight: '500',
     },

app/components/UI/Predict/components/PredictGTMModal/PredictGTMModal.styles.ts

@@ -75,7 +75,7 @@ const createStyles = (theme: Theme) =>
       flex: 1,
     },
     title: {
-      fontFamily: Platform.OS === 'ios' ? 'MM Poly' : 'MM Poly Regular',
+      fontFamily: 'MMPoly-Regular',
       fontWeight: '400',
       // make it smaller on smaller screens
       fontSize:

app/components/UI/ReviewModal/styles.ts

@@ -20,7 +20,7 @@ export const createStyles = (colors: any) =>
     optionIcon: { fontSize: 24 },
     optionLabel: {
       fontSize: 14,
-      fontFamily: 'Geist Regular',
+      fontFamily: 'Geist-Regular',
       color: colors.primary.default,
     },
     helpOption: { marginVertical: 12 },
@@ -29,14 +29,14 @@ export const createStyles = (colors: any) =>
     questionLabel: {
       fontSize: 18,
       paddingHorizontal: 30,
-      fontFamily: 'Geist Bold',
+      fontFamily: 'Geist-Bold',
       textAlign: 'center',
       color: colors.text.default,
       lineHeight: 26,
     },
     description: {
       fontSize: 14,
-      fontFamily: 'Geist Regular',
+      fontFamily: 'Geist-Regular',
       color: colors.text.alternative,
       textAlign: 'center',
       lineHeight: 20,

app/components/UI/Rewards/components/Onboarding/OnboardingIntroStep.tsx

@@ -5,7 +5,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { Image, ImageBackground, Platform, Text as RNText } from 'react-native';
+import { Image, ImageBackground, Text as RNText } from 'react-native';
 import { useNavigation, useFocusEffect } from '@react-navigation/native';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
@@ -318,7 +318,7 @@ const OnboardingIntroStep: React.FC<{
             tw.style('text-center text-white text-12 leading-1 pt-1'),
             // eslint-disable-next-line react-native/no-inline-styles
             {
-              fontFamily: Platform.OS === 'ios' ? 'MM Poly' : 'MM Poly Regular',
+              fontFamily: 'MMPoly-Regular',
             },
           ]}
         >

app/components/Views/Onboarding/styles.ts

@@ -1,4 +1,4 @@
-import { StyleSheet, Platform } from 'react-native';
+import { StyleSheet } from 'react-native';
 import Device from '../../../util/device';
 import { colors as importedColors } from '../../../styles/common';
 import type { Theme } from '../../../util/theme/models';
@@ -64,8 +64,7 @@ export const createStyles = (colors: Theme['colors']) =>
       lineHeight: Device.isMediumDevice() ? 30 : 40,
       textAlign: 'center',
       paddingHorizontal: Device.isMediumDevice() ? 40 : 60,
-      fontFamily:
-        Platform.OS === 'android' ? 'MM Sans Regular' : 'MMSans-Regular',
+      fontFamily: 'MMSans-Regular',
       color: importedColors.gettingStartedTextColor,
       width: '100%',
       marginVertical: 16,

app/components/Views/OnboardingSuccess/index.styles.ts

@@ -1,4 +1,4 @@
-import { StyleSheet, Platform } from 'react-native';
+import { StyleSheet } from 'react-native';
 import { ThemeColors } from '@metamask/design-tokens';
 
 const createStyles = (colors: ThemeColors) =>
@@ -26,8 +26,7 @@ const createStyles = (colors: ThemeColors) =>
       marginBottom: 16,
       marginHorizontal: 16,
       textAlign: 'center',
-      fontFamily:
-        Platform.OS === 'android' ? 'MM Sans Regular' : 'MMSans-Regular',
+      fontFamily: 'MMSans-Regular',
     },
     footerLink: {
       paddingVertical: 8,

app/components/Views/confirmations/components/send/amount/amount.styles.ts

@@ -64,7 +64,7 @@ export const styleSheet = (params: {
     inputText: {
       fontSize: getFontSizeForInputLength(contentLength),
       lineHeight: 75,
-      fontFamily: 'Geist Medium',
+      fontFamily: 'Geist-Medium',
     },
     inputWrapper: {
       alignItems: 'center',