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

core/src/components/item/item.ionic.scss

@@ -11,6 +11,7 @@
   --border-color: #{globals.$ionic-color-neutral-300};
   --border-style: #{globals.$ionic-border-style-solid};
   --border-width: #{0 0 globals.$ionic-border-size-025 0};
+  --color: #{globals.$ionic-color-neutral-1200};
   --detail-icon-color: #{globals.$ionic-color-neutral-800};
   --detail-icon-font-size: #{globals.$ionic-scale-600};
   --detail-icon-opacity: 1;
@@ -21,6 +22,7 @@
   --padding-start: #{globals.$ionic-space-400};
 
   font-family: globals.$ionic-font-family;
+  font-size: globals.$ionic-font-size-400;
 }
 
 // Inner Item

core/src/components/list-header/list-header.ionic.scss

@@ -4,10 +4,12 @@
 
 :host {
   --background: transparent;
+  --color: #{globals.$ionic-color-neutral-1200};
 
   min-height: 58px;
 
   font-size: globals.$ionic-font-size-350;
+  font-weight: globals.$ionic-font-weight-medium;
 
   line-height: globals.$ionic-line-height-600;
 
@@ -35,12 +37,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;
 }