refactor(action): large component needs to match figma design (#2786)

* refactor(action) large component needs to match figma design

* refactor(action): large component

* font size adjustments per #2864

* font normal and margin adjust on button

* font-normal on all size scales

* rtl margin left

src/components/calcite-action/calcite-action.scss

@@ -64,16 +64,31 @@
   }
 }
 
-:host([scale="s"]) .button {
-  @apply p-2;
+:host([scale="s"]) {
+  .button {
+    @apply font-normal p-2 text--2h;
+  }
+  .button--text-visible .icon-container {
+    @apply mr-2;
+  }
 }
 
-:host([scale="m"]) .button {
-  @apply p-4;
+:host([scale="m"]) {
+  .button {
+    @apply font-normal p-4 text--1h;
+  }
+  .button--text-visible .icon-container {
+    @apply mr-3;
+  }
 }
 
-:host([scale="l"]) .button {
-  @apply p-5 text--1h;
+:host([scale="l"]) {
+  .button {
+    @apply font-normal p-5 text-0h;
+  }
+  .button--text-visible .icon-container {
+    @apply mr-4;
+  }
 }
 
 :host([alignment="center"]) .button {
@@ -107,22 +122,37 @@
   @apply w-full;
 
   .icon-container {
-    @apply m-0 mr-3;
+    @apply m-0;
   }
   .text-container--visible {
     @apply m-0 mr-2;
   }
 }
 
 .button--text-visible.calcite--rtl {
-  .icon-container {
-    @apply m-0 ml-3;
-  }
   .text-container--visible {
     @apply m-0 ml-2;
   }
 }
 
+:host([scale="s"]) {
+  .button--text-visible.calcite--rtl .icon-container {
+    @apply m-0 ml-2;
+  }
+}
+
+:host([scale="m"]) {
+  .button--text-visible.calcite--rtl .icon-container {
+    @apply m-0 ml-3;
+  }
+}
+
+:host([scale="l"]) {
+  .button--text-visible.calcite--rtl .icon-container {
+    @apply m-0 ml-4;
+  }
+}
+
 :host([active]) .button,
 :host([active]) .button:hover,
 :host([active]) .button:focus,