added correct tokens for highlight variable on ionic theme

Author: BenOsodrac

core/src/components/select/select.ionic.scss

@@ -9,7 +9,7 @@
   --background: #{globals.$ion-primitives-base-white};
   // TODO(ROU-10778, ROU-10875): Sync the color names to the design system of
   // ios and md. This will allow us to have a single color map.
-  --border-color: #{globals.current-color(neutral)};
+  --border-color: #{globals.$ion-primitives-neutral-500};
   --border-width: #{globals.$ion-border-size-025};
   --focus-ring-color: #{globals.$ion-border-focus-default};
   --padding-start: #{globals.$ion-space-400};
@@ -18,6 +18,9 @@
   --padding-bottom: #{globals.$ion-space-300};
   --placeholder-color: #{globals.$ion-primitives-neutral-800};
   --placeholder-opacity: 1;
+  --highlight-color-focused: #{globals.$ion-border-focus-default};
+  --highlight-color-valid: #{globals.$ion-semantics-success-900};
+  --highlight-color-invalid: #{globals.$ion-semantics-danger-800};
 }
 
 // Select Label
@@ -182,18 +185,6 @@
   color: globals.$ion-primitives-neutral-500;
 }
 
-// Focus
-// ---------------------------------------------
-:host(.ion-focused) .select-wrapper-inner {
-  @include globals.focused-state(null, null, var(--focus-ring-color));
-}
-
-// Invalid
-// ---------------------------------------------
-:host(.ion-invalid) {
-  --focus-ring-color: #{globals.$ion-border-focus-error};
-}
-
 // Shapes
 // ----------------------------------------------------------------