fix(accordion): set opacity for activated state

Author: OS-susmitabhowmik

core/src/components/accordion/accordion.ionic.scss

@@ -57,6 +57,13 @@
   --padding-bottom: #{globals.$ion-space-300};
   --padding-start: #{globals.$ion-space-400};
 
+  /**
+   * Headers use neutral press instead of default item select (blue) when `.ion-activated`.
+   * Variables are read by `ion-item`’s activated styles in `item.ionic.scss` / `item.common.scss`.
+   */
+  --background-activated: #{globals.$ion-bg-neutral-subtlest-press};
+  --background-activated-opacity: 1;
+
   @include globals.typography(globals.$ion-heading-h6-medium);
 }
 

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

@@ -125,10 +125,7 @@ slot[name="end"]::slotted(*) {
 
 // Item in Accordion
 // --------------------------------------------------
-:host(.accordion-header-item) {
-  --background-activated: #{globals.$ion-bg-neutral-subtlest-press};
-}
-
 :host(.accordion-header-item) .item-native {
   @include globals.padding-horizontal(globals.$ion-space-400);
 }
+