feat(typography): add tokens and update shim (#835)

## PR Checklist

Please check if your PR fulfills the following requirements:

- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)
- [ ] If applicable, have a visual design approval

## PR Type

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [ ] Bugfix
- [X] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

## What is the current behavior?

<!-- Please describe the current behavior that you are modifying, or
link to a relevant issue. -->

Issue Number: CDE-778

## What is the new behavior?

## Does this PR introduce a breaking change?

- [ ] Yes
- [X] No

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

## Other information

---------

Co-authored-by: GitHub <noreply@github.com>

projects/angular/src/layout/nav/_links.clarity.scss

@@ -4,11 +4,17 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 @use '../../utils/mixins';
-@use '../../utils/variables/variables.global';
+@use '../../utils/variables/variables';
 @use 'variables.nav' as nav-variables;
 
 @include mixins.exports('links.clarity') {
   // only imported for demos. gives a static view of links in various states.
+  a:link {
+    @include mixins.css-var(font-weight, clr-link-font-weight, inherit, variables.$clr-use-custom-properties);
+    @include mixins.css-var(font-size, clr-link-font-size, inherit, variables.$clr-use-custom-properties);
+    @include mixins.css-var(line-height, clr-link-line-height, inherit, variables.$clr-use-custom-properties);
+    @include mixins.css-var(letter-spacing, clr-link-letter-spacing, inherit, variables.$clr-use-custom-properties);
+  }
   a.link-normal:link {
     @include mixins.css-var(color, clr-link-color, nav-variables.$clr-link-color, variables.$clr-use-custom-properties);
   }

projects/angular/src/layout/nav/_properties.nav.scss

@@ -17,6 +17,10 @@
       --clr-link-hover-color: var(--clr-color-action-600);
       --clr-link-visited-color: hsl(238, 41%, 53%);
       --clr-custom-links-hover-color: var(--clr-color-neutral-200);
+      --clr-link-font-weight: inherit;
+      --clr-link-font-size: inherit;
+      --clr-link-line-height: inherit;
+      --clr-link-letter-spacing: inherit;
     }
   }
 }