chore(tokens): update design-tokens dependency to 1.2.3 (#30327)

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 current behavior?
<!-- Please describe the current behavior that you are modifying. -->

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

- Update tokens dependency to 1.2.3.
- This version fixes the generation of the z-index tokens.

## 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.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Author: BenOsodrac

core/package-lock.json

@@ -66,7 +66,7 @@
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
-    "outsystems-design-tokens": "^1.2.2",
+    "outsystems-design-tokens": "^1.2.3",
     "prettier": "^2.8.8",
     "rollup": "^2.26.4",
     "sass": "^1.33.0",

core/package.json

@@ -2468,30 +2468,6 @@ Do not edit directly, this file was auto-generated.
   @include padding(null, null, null, $ion-space-050);
 }
 
-.ion-z-index-0 {
-  z-index: $ion-z-index-0;
-}
-.ion-z-index-100 {
-  z-index: $ion-z-index-100;
-}
-.ion-z-index-200 {
-  z-index: $ion-z-index-200;
-}
-.ion-z-index-300 {
-  z-index: $ion-z-index-300;
-}
-.ion-z-index-400 {
-  z-index: $ion-z-index-400;
-}
-.ion-z-index-500 {
-  z-index: $ion-z-index-500;
-}
-.ion-z-index-bottom {
-  z-index: $ion-z-index-bottom;
-}
-.ion-z-index-top {
-  z-index: $ion-z-index-top;
-}
 .ion-transition-curve-linear {
   transition: $ion-transition-curve-linear;
 }
@@ -2633,6 +2609,30 @@ Do not edit directly, this file was auto-generated.
 .ion-font-line-height-full {
   line-height: $ion-font-line-height-full;
 }
+.ion-z-index-0 {
+  z-index: $ion-z-index-0;
+}
+.ion-z-index-100 {
+  z-index: $ion-z-index-100;
+}
+.ion-z-index-200 {
+  z-index: $ion-z-index-200;
+}
+.ion-z-index-300 {
+  z-index: $ion-z-index-300;
+}
+.ion-z-index-400 {
+  z-index: $ion-z-index-400;
+}
+.ion-z-index-500 {
+  z-index: $ion-z-index-500;
+}
+.ion-z-index-bottom {
+  z-index: $ion-z-index-bottom;
+}
+.ion-z-index-top {
+  z-index: $ion-z-index-top;
+}
 .ion-rectangular-2xs {
   border-radius: $ion-rectangular-2xs;
 }

core/src/foundations/ionic.utility.scss

@@ -374,14 +374,6 @@ $ion-space-900: var(--ion-space-900, 36px);
 $ion-space-1000: var(--ion-space-1000, 40px);
 $ion-space-1200: var(--ion-space-1200, 48px);
 $ion-space-050: var(--ion-space-050, 2px);
-$ion-z-index-0: var(--ion-z-index-0, 0px);
-$ion-z-index-100: var(--ion-z-index-100, 100px);
-$ion-z-index-200: var(--ion-z-index-200, 200px);
-$ion-z-index-300: var(--ion-z-index-300, 300px);
-$ion-z-index-400: var(--ion-z-index-400, 400px);
-$ion-z-index-500: var(--ion-z-index-500, 500px);
-$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);
-$ion-z-index-top: var(--ion-z-index-top, 99999px);
 $ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);
 $ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
 $ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
@@ -430,6 +422,14 @@ $ion-font-line-height-900: var(--ion-font-line-height-900, 36px);
 $ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);
 $ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);
 $ion-font-line-height-full: var(--ion-font-line-height-full, 100%);
+$ion-z-index-0: var(--ion-z-index-0, 0);
+$ion-z-index-100: var(--ion-z-index-100, 100);
+$ion-z-index-200: var(--ion-z-index-200, 200);
+$ion-z-index-300: var(--ion-z-index-300, 300);
+$ion-z-index-400: var(--ion-z-index-400, 400);
+$ion-z-index-500: var(--ion-z-index-500, 500);
+$ion-z-index-bottom: var(--ion-z-index-bottom, -99999);
+$ion-z-index-top: var(--ion-z-index-top, 99999);
 $ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);
 $ion-rectangular-xs: var(--ion-rectangular-xs, 0px);
 $ion-rectangular-sm: var(--ion-rectangular-sm, 0px);