fix(ionic): use the correct colors in core and playwright

core/src/components/checkbox/checkbox.ionic.scss

@@ -92,6 +92,8 @@
 }
 
 .label-text-wrapper {
+  color: globals.$ionic-color-neutral-1200;
+
   text-overflow: ellipsis;
 
   white-space: nowrap;

core/src/components/input/input.ionic.scss

@@ -140,7 +140,7 @@
 // ----------------------------------------------------------------
 
 .input-bottom {
-  @include padding(7px, 0);
+  @include padding(globals.$ionic-space-100, 0, 0, 0);
 
   font-weight: globals.$ionic-font-weight-medium;
 }

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;
@@ -20,7 +21,10 @@
   --padding-bottom: #{globals.$ionic-space-200};
   --padding-start: #{globals.$ionic-space-400};
 
+  @include globals.typography(globals.$ionic-body-lg-medium);
+
   font-family: globals.$ionic-font-family;
+  font-size: globals.$ionic-font-size-400;
 }
 
 // Inner Item