Update more font sizes

src/components/ha-base-time-input.ts

@@ -387,7 +387,7 @@ export class HaBaseTimeInput extends LitElement {
         --mdc-typography-body2-font-family,
         var(--mdc-typography-font-family, Roboto, sans-serif)
       );
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       line-height: var(--mdc-typography-body2-line-height, 1.25rem);
       font-weight: var(
         --mdc-typography-body2-font-weight,

src/components/ha-settings-row.ts

@@ -69,7 +69,7 @@ export class HaSettingsRow extends LitElement {
         var(--mdc-typography-font-family, Roboto, sans-serif)
       );
       -webkit-font-smoothing: antialiased;
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       font-weight: var(
         --mdc-typography-body2-font-weight,
         var(--ha-font-weight-normal)

src/dialogs/config-flow/styles.ts

@@ -14,7 +14,7 @@ export const configFlowContentStyles = css`
       --mdc-typography-headline6-font-family,
       var(--mdc-typography-font-family, Roboto, sans-serif)
     );
-    font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
+    font-size: var(--mdc-typography-headline6-font-size, var(--ha-font-size-l));
     line-height: var(--mdc-typography-headline6-line-height, 2rem);
     font-weight: var(
       --mdc-typography-headline6-font-weight,

src/onboarding/onboarding-location.ts

@@ -528,7 +528,10 @@ class OnboardingLocation extends LitElement {
             --mdc-typography-caption-font-family,
             var(--mdc-typography-font-family, Roboto, sans-serif)
           );
-          font-size: var(--mdc-typography-caption-font-size, 0.75rem);
+          font-size: var(
+            --mdc-typography-caption-font-size,
+            var(--ha-font-size-xs)
+          );
           font-weight: var(
             --mdc-typography-caption-font-weight,
             var(--ha-font-weight-normal)

src/panels/config/integrations/dialog-add-integration.ts

@@ -771,7 +771,10 @@ class AddIntegrationDialog extends LitElement {
         margin-inline-end: initial;
         padding: 24px 24px 0 24px;
         color: var(--mdc-dialog-heading-ink-color, rgba(0, 0, 0, 0.87));
-        font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
+        font-size: var(
+          --mdc-typography-headline6-font-size,
+          var(--ha-font-size-l)
+        );
         line-height: var(--mdc-typography-headline6-line-height, 2rem);
         font-weight: var(
           --mdc-typography-headline6-font-weight,

src/panels/config/voice-assistants/assist-pipeline-detail/assist-pipeline-detail-config.ts

@@ -102,7 +102,7 @@ export class AssistPipelineDetailConfig extends LitElement {
     }
     p {
       color: var(--secondary-text-color);
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       margin-top: 0;
       margin-bottom: 0;
     }

src/panels/config/voice-assistants/assist-pipeline-detail/assist-pipeline-detail-conversation.ts

@@ -139,7 +139,7 @@ export class AssistPipelineDetailConversation extends LitElement {
     }
     p {
       color: var(--secondary-text-color);
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       margin-top: 0;
       margin-bottom: 0;
     }

src/panels/config/voice-assistants/assist-pipeline-detail/assist-pipeline-detail-stt.ts

@@ -99,7 +99,7 @@ export class AssistPipelineDetailSTT extends LitElement {
     }
     p {
       color: var(--secondary-text-color);
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       margin-top: 0;
       margin-bottom: 0;
     }

src/panels/config/voice-assistants/assist-pipeline-detail/assist-pipeline-detail-tts.ts

@@ -146,7 +146,7 @@ export class AssistPipelineDetailTTS extends LitElement {
     }
     p {
       color: var(--secondary-text-color);
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       margin-top: 0;
       margin-bottom: 0;
     }

src/panels/config/voice-assistants/assist-pipeline-detail/assist-pipeline-detail-wakeword.ts

@@ -153,7 +153,7 @@ export class AssistPipelineDetailWakeWord extends LitElement {
     }
     p {
       color: var(--secondary-text-color);
-      font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+      font-size: var(--mdc-typography-body2-font-size, var(--ha-font-size-s));
       margin-top: 0;
       margin-bottom: 0;
     }

src/panels/lovelace/cards/hui-alarm-panel-card.ts

@@ -440,7 +440,10 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
     }
 
     mwc-button.numberkey {
-      --mdc-typography-button-font-size: var(--keypad-font-size, 0.875rem);
+      --mdc-typography-button-font-size: var(
+        --keypad-font-size,
+        var(--ha-font-size-s)
+      );
     }
   `;
 }

src/resources/codemirror.ts

@@ -107,7 +107,7 @@ export const haTheme = EditorView.theme({
     color: "var(--primary-color)",
     fontFamily:
       "var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif))",
-    fontSize: "var(--mdc-typography-button-font-size, 0.875rem)",
+    fontSize: "var(--mdc-typography-button-font-size, var(--ha-font-size-s))",
     height: "36px",
     fontWeight:
       "var(--mdc-typography-button-font-weight, var(--ha-font-weight-semibold))",