fix(card): consume card actions color (#1871)

Co-authored-by: Simeon Simeonoff <[email protected]>

Author: desig9stein

src/components/card/card.actions.ts

@@ -6,6 +6,7 @@ import { registerComponent } from '../common/definitions/register.js';
 import type { ContentOrientation } from '../types.js';
 import { all } from './themes/actions.js';
 import { styles } from './themes/card.actions.base.css.js';
+import { styles as shared } from './themes/shared/actions/card.actions.common.css.js';
 
 /** A container for card action items like buttons
  * @element igc-card-actions
@@ -16,7 +17,7 @@ import { styles } from './themes/card.actions.base.css.js';
  */
 export default class IgcCardActionsComponent extends LitElement {
   public static readonly tagName = 'igc-card-actions';
-  public static override styles = styles;
+  public static override styles = [styles, shared];
 
   /* blazorSuppress */
   public static register(): void {

src/components/card/themes/card.actions.base.scss

@@ -37,7 +37,3 @@
     margin-inline-start: auto;
     order: 1;
 }
-
-::slotted(igc-icon) {
-    opacity: .6;
-}

src/components/card/themes/shared/actions/card.actions.common.scss

@@ -0,0 +1,8 @@
+@use 'styles/utilities' as *;
+@use '../../light/themes' as *;
+
+$theme: $base;
+
+:host {
+    color: var-get($theme, 'actions-text-color');
+}