fix(alerts): update dark theme colors (#1596)

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

- [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?
Alert `--clr-alert-warning-font-color` point to `--cds-global-color-black`.

Issue Number: CDE-2339

## What is the new behavior?
Dark theme overrides
`--cds-alias-status-warning-tint` point to `--cds-global-color-ochre-900`
`--cds-alias-status-danger-tint` point to `--cds-global-color-red-900`

Alert `--clr-alert-warning-font-color` point to `--cds-alias-typography-color-500`.

## Does this PR introduce a breaking change?

- [ ] Yes
- [x] No

## Other information

---------

Co-authored-by: GitHub <[email protected]>

projects/angular/src/emphasis/alert/_properties.alert.scss

@@ -55,7 +55,7 @@
       // Warning type
       // Usage: ./_alert.clarity.scss
       --clr-alert-warning-bg-color: #{tokens.$cds-alias-status-warning-tint};
-      --clr-alert-warning-font-color: #{tokens.$cds-global-color-black};
+      --clr-alert-warning-font-color: #{tokens.$cds-alias-typography-color-500};
       --clr-alert-warning-border-color: #{tokens.$cds-alias-status-warning};
       --clr-alert-warning-icon-color: var(--clr-alert-warning-font-color);
       --clr-alert-warning-close-icon-color: var(--clr-alert-warning-font-color);

projects/ui/src/temp-overrides.scss

@@ -34,6 +34,9 @@
 [cds-theme~='dark'] {
   --cds-alias-utility-gray: #{tokens.$cds-global-color-construction-300};
 
+  --cds-alias-status-warning-tint: #{tokens.$cds-global-color-ochre-900};
+  --cds-alias-status-danger-tint: #{tokens.$cds-global-color-red-900};
+
   --cds-alias-object-container-backdrop-background: #{tokens.$cds-alias-object-opacity-300};
   --cds-alias-object-interaction-background-hover: #{tokens.$cds-global-color-construction-800};
   --cds-alias-object-interaction-background-active: #{tokens.$cds-global-color-construction-600};