chore(deps): update outsystems-design-tokens dependency (#30198)

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

- Update to outsystems-design-tokens 1.2.0.
- Generate variables and utility-classes with updated tokens values. 
- Updated screenshots, after UX/UI review:
  - updated ionic color tokens on links.
  - updated segment label size token to sm.

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

---------

Co-authored-by: ionitron <hi@ionicframework.com>

core/src/css/ionic/link.ionic.scss

@@ -23,7 +23,7 @@
   // -------------------------------------------------------------------------------
 
   &:visited {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-visited;
   }
 }
 
@@ -31,7 +31,7 @@
 // -------------------------------------------------------------------------------
 
 @mixin ionic-link {
-  color: globals.$ion-semantics-info-400;
+  color: globals.$ion-text-link-default;
 
   text-decoration: none;
 
@@ -51,7 +51,7 @@
 
   &:focus,
   &.ion-focused {
-    outline: 2px solid globals.$ion-semantics-primary-100;
+    outline: 2px solid globals.$ion-text-link-default;
     outline-offset: 2px;
 
     text-decoration: underline;
@@ -62,7 +62,7 @@
 
   &:active,
   &.ion-activated {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-press;
 
     text-decoration: underline;
   }
@@ -88,7 +88,7 @@ a.ionic-link,
 
   @media (any-hover: hover) {
     &:hover {
-      color: globals.$ion-semantics-info-400;
+      color: globals.$ion-text-link-press;
     }
   }
 
@@ -97,7 +97,7 @@ a.ionic-link,
 
   &:focus,
   &.ion-focused {
-    outline: 2px solid globals.$ion-semantics-primary-100;
+    outline: 2px solid globals.$ion-text-link-default;
     outline-offset: 2px;
 
     color: currentColor;
@@ -110,7 +110,7 @@ a.ionic-link,
 
   &:active,
   &.ion-activated {
-    color: globals.$ion-semantics-info-500;
+    color: globals.$ion-text-link-press;
   }
 }
 

core/src/css/test/typography/basic/index.html

@@ -89,10 +89,10 @@
         <br />
         <div>
           <ion-title>Action</ion-title>
+          <p><ion-text class="ion-body-action-xs">ion-action-xs</ion-text></p>
           <p><ion-text class="ion-body-action-sm">ion-action-sm</ion-text></p>
           <p><ion-text class="ion-body-action-md">ion-action-md</ion-text></p>
           <p><ion-text class="ion-body-action-lg">ion-action-lg</ion-text></p>
-          <p><ion-text class="ion-body-action-xl">ion-action-xl</ion-text></p>
         </div>
         <br />
         <div>