fix(Item): prevent default focus style when there is any selected option

Author: joselrio

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

@@ -8,7 +8,7 @@
   --background: #{globals.$ion-bg-surface-default};
   --background-activated: #{globals.$ion-bg-select-default};
   --background-focused: #{globals.$ion-primitives-neutral-200};
-  --background-focused-opacity: 1;
+  --background-focused-opacity: 0;
   --border-color: #{globals.$ion-primitives-neutral-300};
   --border-style: #{globals.$ion-border-style-solid};
   --border-width: #{0 0 globals.$ion-border-size-025 0};

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

@@ -67,4 +67,9 @@ ion-content {
   --padding-end: #{globals.$ion-space-400} !important;
   /* stylelint-disable-next-line declaration-no-important */
   --padding-bottom: #{globals.$ion-space-1200} !important;
+
+  // Set the background to the focused element within a radio group only when there is a checked radio
+  &:has(.radio-checked) .ion-focused:not(.item-radio-checked) {
+    --background-focused-opacity: 1;
+  }
 }