Merge branch 'next' into ROU-12076

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

@@ -129,13 +129,6 @@
   background: var(--separator-color);
 }
 
-// Fills
-// --------------------------------------------------
-
-:host(.input-otp-fill-outline) {
-  --background: none;
-}
-
 // States
 // --------------------------------------------------
 

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

@@ -68,20 +68,24 @@
 // --------------------------------------------------
 
 :host(.input-otp-shape-round) {
-  --border-radius: #{globals.$ion-border-radius-400};
+  --border-radius: #{globals.$ion-round-xl};
 }
 
 :host(.input-otp-shape-soft) {
-  --border-radius: #{globals.$ion-border-radius-200};
+  --border-radius: #{globals.$ion-soft-xl};
 }
 
 :host(.input-otp-shape-rectangular) {
-  --border-radius: #{globals.$ion-border-radius-0};
+  --border-radius: #{globals.$ion-rectangular-xl};
 }
 
 // Fills
 // --------------------------------------------------
 
+:host(.input-otp-fill-outline) {
+  --background: #{globals.$ion-bg-input-default};
+}
+
 :host(.input-otp-fill-solid) {
   --border-color: #{globals.$ion-bg-input-bold-default};
   --background: #{globals.$ion-bg-input-bold-default};