fix(input-otp): use the separator width var for separator height

Author: brandyscarney

core/src/components/input-otp/input-otp.common.scss

@@ -42,6 +42,7 @@
   --margin-end: 0;
   --margin-bottom: 0;
   --margin-start: 0;
+  --separator-height: var(--separator-width);
 
   /**
    * This is a private API that is used to switch

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

@@ -15,7 +15,6 @@
   --border-style: #{globals.$ion-border-style-solid};
   --border-color: #{globals.$ion-border-input-default};
   --separator-width: #{globals.$ion-scale-200};
-  --separator-height: #{globals.$ion-scale-200};
   --separator-border-radius: #{globals.$ion-border-radius-full};
   --separator-color: #{globals.$ion-bg-neutral-subtle-press};
   --highlight-color-focused: #{globals.$ion-border-focus-default};

core/src/components/input-otp/input-otp.native.scss

@@ -13,7 +13,6 @@
   --min-width: 40px;
   --border-style: solid;
   --separator-width: 8px;
-  --separator-height: var(--separator-width);
   --separator-border-radius: 999px;
   --separator-color: #{$background-color-step-150};
   --highlight-color-focused: #{ion-color(primary, base)};