revert button typography changes

Author: BenOsodrac

core/src/components/button/button.ionic.scss

@@ -11,12 +11,13 @@
   --focus-ring-color: #{globals.$ion-border-focus-default};
   --focus-ring-width: #{globals.$ion-border-size-050};
 
-  @include globals.typography(globals.$ion-body-action-md);
-
   position: relative;
 
   min-height: globals.$ion-scale-1000;
 
+  font-family: globals.$ion-font-family;
+  font-size: globals.$ion-font-size-350;
+
   // Target area
   &::after {
     @include globals.position(50%, 0, null, 0);
@@ -106,39 +107,39 @@
   --padding-top: #{globals.$ion-space-100};
   --padding-end: #{globals.$ion-space-300};
 
-  @include globals.typography(globals.$ion-body-action-xs);
-
   min-height: globals.$ion-space-600;
+
+  font-size: globals.$ion-font-size-300;
 }
 
 /* Small Button */
 :host(.button-small) {
   --padding-top: #{globals.$ion-space-200};
   --padding-end: #{globals.$ion-space-400};
 
-  @include globals.typography(globals.$ion-body-action-sm);
-
   min-height: #{globals.$ion-scale-800};
+
+  font-size: #{globals.$ion-font-size-300};
 }
 
 /* Large Button */
 :host(.button-large) {
   --padding-top: #{globals.$ion-space-400};
   --padding-end: #{globals.$ion-space-600};
 
-  @include globals.typography(globals.$ion-body-action-lg);
-
   min-height: #{globals.$ion-scale-1200};
+
+  font-size: #{globals.$ion-font-size-400};
 }
 
 /* Extra Large Button */
 :host(.button-xlarge) {
   --padding-top: #{globals.$ion-space-400};
   --padding-end: #{globals.$ion-space-800};
 
-  @include globals.typography(globals.$ion-heading-h6-medium);
-
   min-height: #{globals.$ion-scale-1400};
+
+  font-size: #{globals.$ion-font-size-500};
 }
 
 // Button with Icons