[IOAPPX-451] Enable dynamic component scaling in the legacy UI (#371)

## Short description
This PR enables dynamic component scaling in the legacy UI, as well.

## List of changes proposed in this pull request
- Remove `isExperimental` condition

## How to test
Check if **Selection** components have scaled sizes in the legacy UI
(new DS disabled)

src/components/typography/IOText.tsx

@@ -10,8 +10,8 @@ import { IOColors, useIOTheme } from "../../core";
 import { useBoldTextEnabled } from "../../utils/accessibility";
 import {
   IOFontFamily,
-  IOFontSizeMultiplier,
   IOFontWeight,
+  IOMaxFontSizeMultiplier,
   makeFontStyleObject
 } from "../../utils/fonts";
 
@@ -142,7 +142,7 @@ export const IOText = forwardRef<View, IOTextProps>(
     /* Accessible typography based on the `fontScale` parameter */
     const accessibleFontSizeProps: ComponentProps<typeof Text> = {
       allowFontScaling,
-      maxFontSizeMultiplier: maxFontSizeMultiplier ?? IOFontSizeMultiplier
+      maxFontSizeMultiplier: maxFontSizeMultiplier ?? IOMaxFontSizeMultiplier
     };
 
     return (

src/utils/accessibility.ts

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import { AccessibilityInfo, Platform, useWindowDimensions } from "react-native";
-import { useIOExperimentalDesign } from "../core";
-import { IOFontSizeMultiplier } from "./fonts";
+import { IOMaxFontSizeMultiplier } from "./fonts";
 
 /**
  * Query whether a bold text is currently enabled. The result is true
@@ -37,25 +36,23 @@ export const useBoldTextEnabled = () => {
 
 /**
  * Returns a font size multiplier based on the font scale of the device,
- * but limited to the `IOFontSizeMultiplier` value.
+ * but limited to the `IOMaxFontSizeMultiplier` value.
  * @returns number
  */
 export const useIOFontDynamicScale = (): {
   dynamicFontScale: number;
   spacingScaleMultiplier: number;
   hugeFontEnabled: boolean;
 } => {
-  const { isExperimental } = useIOExperimentalDesign();
   const { fontScale } = useWindowDimensions();
 
-  const deviceFontScale = isExperimental ? fontScale : 1;
-  const hugeFontEnabled = deviceFontScale >= 1.35;
+  const hugeFontEnabled = fontScale >= 1.35;
 
-  const dynamicFontScale = Math.min(deviceFontScale, IOFontSizeMultiplier);
+  const dynamicFontScale = Math.min(fontScale, IOMaxFontSizeMultiplier);
   /* We make the spacing dynamic based on the font scale, but we multiply
     this value to limit the amount of scaling applied to the spacing */
   const spacingScaleMultiplier =
-    dynamicFontScale <= IOFontSizeMultiplier ? 1 : 0.8;
+    dynamicFontScale <= IOMaxFontSizeMultiplier ? 1 : 0.8;
 
   return {
     hugeFontEnabled,

src/utils/fonts.ts

@@ -122,7 +122,7 @@ export const makeFontFamilyName = (
 const defaultFont: IOFontFamily = "TitilliumSansPro";
 const defaultWeight: IOFontWeight = "Regular";
 const defaultFontSize: IOFontSize = 16;
-export const IOFontSizeMultiplier = 1.5;
+export const IOMaxFontSizeMultiplier = 1.5;
 
 /**
  * Return a {@link FontStyleObject} with the fields filled based on the platform (iOS or Android).