fix(label): text color for anchor variant (#1653)

## PR Checklist

Please check if your PR fulfills the following requirements:

- [x] 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?

- [x] Bugfix
- [ ] 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?
When using `anchor` HTML element as `label` text color follow default anchor color.
 
Issue Number: CDE-2516

## What is the new behavior?
When using `anchor` HTML element as `label` text color follow label color.

## Does this PR introduce a breaking change?

- [ ] Yes
- [x] No

## Other information

---------

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

.storybook/stories/label/label.stories.ts

@@ -60,6 +60,12 @@ const LabelAllTemplate: StoryFn = args => ({
         <span class="text">{{ content }}</span>
       </span>
     </div>
+    <h6>Clickable Anchor Labels</h6>
+    <div style="margin-top: 5px">
+      <a href="javascript://" class="label clickable" *ngFor="let type of LABEL_COLOR_TYPES" [class]="type">
+        <span class="text">{{ content }}</span>
+      </a>
+    </div>
 
     <h6>Status Labels</h6>
     <div style="margin-top: 5px">

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

@@ -10,11 +10,11 @@
 @include mixins.exports('links.clarity') {
   a {
     /*
-      * Due to the higher specificity of `a:link` over `.btn`, `.nav-link`, `.dropdown-item`, `.alert-action` and `badge`
+      * Due to the higher specificity of `a:link` over `.btn`, `.nav-link`, `.dropdown-item`, `.label`, `.alert-action` and `badge`
       * it overrides the styles of both which is not required.
-      * Also `.btn, .nav-link, .dropdown-item, .alert-action, .badge` doesn't need these styles, so we don't add them in these cases.
+      * Also `.btn, .nav-link, .dropdown-item, .label, .alert-action, .badge` doesn't need these styles, so we don't add them in these cases.
       */
-    &:not(.btn, .nav-link, .dropdown-item, .alert-action, .badge, .clr-treenode-link) {
+    &:not(.btn, .nav-link, .dropdown-item, .label, .alert-action, .badge, .clr-treenode-link) {
       @include mixins.generate-typography-token('LINK-13');
       &:link {
         color: nav-variables.$clr-link-color;