feat(action-sheet): replace stepped variables with gray

Author: thetaPC

core/src/components/action-sheet/action-sheet.ios.scss

@@ -17,7 +17,7 @@
   --button-background-selected: #{$action-sheet-ios-button-background-selected};
   --button-background-selected-opacity: 1;
   --button-color: #{$action-sheet-ios-button-text-color};
-  --button-color-disabled: #{$text-color-step-150};
+  --button-color-disabled: var(--ion-color-gray-850);
   --color: #{$action-sheet-ios-title-color};
 
   text-align: $action-sheet-ios-text-align;

core/src/components/action-sheet/action-sheet.ios.vars.scss

@@ -46,7 +46,7 @@ $action-sheet-ios-title-padding-bottom: 13px;
 $action-sheet-ios-title-padding-start: $action-sheet-ios-title-padding-end;
 
 /// @prop - Color of the action sheet title
-$action-sheet-ios-title-color: $text-color-step-600;
+$action-sheet-ios-title-color: var(--ion-color-gray-400);
 
 /// @prop - Font size of the action sheet title
 $action-sheet-ios-title-font-size: dynamic-font-min(1, 13px);
@@ -115,10 +115,7 @@ $action-sheet-ios-button-background: linear-gradient(
 $action-sheet-ios-button-background-activated: $text-color;
 
 /// @prop - Background color of the selected action sheet button
-$action-sheet-ios-button-background-selected: var(
-  --ion-color-step-150,
-  var(--ion-background-color-step-150, $background-color)
-);
+$action-sheet-ios-button-background-selected: var(--ion-color-gray-0);
 
 /// @prop - Destructive text color of the action sheet button
 $action-sheet-ios-button-destructive-text-color: ion-color(danger, base);

core/src/components/action-sheet/action-sheet.md.vars.scss

@@ -64,7 +64,7 @@ $action-sheet-md-sub-title-padding-start: $action-sheet-md-sub-title-padding-end
 $action-sheet-md-button-height: 52px;
 
 /// @prop - Text color of the action sheet button
-$action-sheet-md-button-text-color: $text-color-step-150;
+$action-sheet-md-button-text-color: var(--ion-color-gray-850);
 
 /// @prop - Font size of the action sheet button
 $action-sheet-md-button-font-size: dynamic-font(16px);

core/src/components/action-sheet/test/basic/index.html

@@ -108,6 +108,7 @@
               handler: () => {
                 console.log('Play clicked');
               },
+              disabled: true,
             },
             {
               text: 'Favorite',