refactor(list-header): update color and font size (#29907)

Author: thetaPC

core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ionic-md-ltr-light-Mobile-Chrome-linux.png

@@ -4,12 +4,11 @@
 
 :host {
   --background: transparent;
+  --color: #{globals.$ionic-color-neutral-1200};
 
-  min-height: 58px;
-
-  font-size: globals.$ionic-font-size-350;
+  @include globals.typography(globals.$ionic-body-md-medium);
 
-  line-height: globals.$ionic-line-height-600;
+  min-height: 58px;
 
   /** 
    * The focus rings from components like buttons and links
@@ -35,12 +34,6 @@
 // --------------------------------------------------
 
 // Label
-::slotted(ion-label) {
-  --color: #{globals.$ionic-color-neutral-1200};
-
-  font-weight: globals.$ionic-font-weight-medium;
-}
-
 ::slotted(ion-label) ::slotted(p) {
   font-weight: globals.$ionic-font-weight-regular;
 }