fix(tab-button): match height to tab-bar in ionic-md theme

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

@@ -8,8 +8,6 @@
   --focus-ring-color: #{globals.$ion-border-focus-default};
   --focus-ring-width: #{globals.$ion-border-radius-025};
 
-  @include globals.typography(globals.$ion-body-action-xs);
-
   position: relative;
 
   align-content: center;
@@ -18,6 +16,17 @@
 
   min-height: globals.$ion-scale-1200;
   max-height: globals.$ion-scale-1800;
+
+  // Add styles from typography mixin but exclude line-height.
+  // line-height causes inconsistent rendering in Firefox (FW-7566).
+  font-family: map-get(globals.$ion-body-action-xs, font-family);
+  font-size: map-get(globals.$ion-body-action-xs, font-size);
+  font-weight: map-get(globals.$ion-body-action-xs, font-weight);
+
+  letter-spacing: map-get(globals.$ion-body-action-xs, letter-spacing);
+
+  text-decoration: map-get(globals.$ion-body-action-xs, text-decoration);
+  text-transform: map-get(globals.$ion-body-action-xs, text-transform);
 }
 
 // Tab Button: Native