feat(tokens): add support for dynamic fonts (#31027)

Issue number:  internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

This pull request updates the design tokens dependency and standardizes
font size variables to use `rem` units instead of `px`. It also makes
several adjustments to the `package-lock.json` to align dependency
versions and peer dependency flags.

Dependency updates:

* Upgraded the `outsystems-design-tokens` dependency from version
`^1.3.4` to `1.3.7` in both `package.json` and `package-lock.json`.
[[1]](diffhunk://#diff-7f67769260741e2563407af949f7e54fbf0431d1c607933f6e8a8094e3219e26L71-R71)
[[2]](diffhunk://#diff-4ff996db8bece1eded512c3b97a6bde33622f94bb387634ef32496d832d57744L46-R46)
[[3]](diffhunk://#diff-4ff996db8bece1eded512c3b97a6bde33622f94bb387634ef32496d832d57744L8648-R8659)

Design token improvements:

* Changed all font size variables in `ionic.vars.scss` from fixed `px`
values to scalable `rem` units, improving accessibility and scalability
of font sizing.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->

Author: BenOsodrac

core/package-lock.json

@@ -68,7 +68,7 @@
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "outsystems-design-tokens": "^1.3.4",
+    "outsystems-design-tokens": "^1.3.7",
     "playwright-core": "^1.56.1",
     "prettier": "^2.8.8",
     "rollup": "^2.26.4",

core/package.json

@@ -876,18 +876,18 @@ $ion-font-weight-semi-bold: var(--token-font-weight-semi-bold, 600);
 $ion-font-weight-bold: var(--token-font-weight-bold, 700);
 $ion-font-weight-extra-bold: var(--token-font-weight-extra-bold, 800);
 $ion-font-weight-black: var(--token-font-weight-black, 900);
-$ion-font-size-275: var(--token-font-size-275, 11px);
-$ion-font-size-300: var(--token-font-size-300, 12px);
-$ion-font-size-350: var(--token-font-size-350, 14px);
-$ion-font-size-400: var(--token-font-size-400, 16px);
-$ion-font-size-450: var(--token-font-size-450, 18px);
-$ion-font-size-500: var(--token-font-size-500, 20px);
-$ion-font-size-550: var(--token-font-size-550, 22px);
-$ion-font-size-600: var(--token-font-size-600, 24px);
-$ion-font-size-650: var(--token-font-size-650, 26px);
-$ion-font-size-700: var(--token-font-size-700, 28px);
-$ion-font-size-800: var(--token-font-size-800, 32px);
-$ion-font-size-900: var(--token-font-size-900, 36px);
+$ion-font-size-275: var(--token-font-size-275, 0.6875rem);
+$ion-font-size-300: var(--token-font-size-300, 0.75rem);
+$ion-font-size-350: var(--token-font-size-350, 0.875rem);
+$ion-font-size-400: var(--token-font-size-400, 1rem);
+$ion-font-size-450: var(--token-font-size-450, 1.125rem);
+$ion-font-size-500: var(--token-font-size-500, 1.25rem);
+$ion-font-size-550: var(--token-font-size-550, 1.375rem);
+$ion-font-size-600: var(--token-font-size-600, 1.5rem);
+$ion-font-size-650: var(--token-font-size-650, 1.625rem);
+$ion-font-size-700: var(--token-font-size-700, 1.75rem);
+$ion-font-size-800: var(--token-font-size-800, 2rem);
+$ion-font-size-900: var(--token-font-size-900, 2.25rem);
 $ion-font-letter-spacing-0: var(--token-font-letter-spacing-0, 0%);
 $ion-font-letter-spacing-1: var(--token-font-letter-spacing-1, 1%);
 $ion-font-letter-spacing-2: var(--token-font-letter-spacing-2, 1.5%);