fix(accordion): move pressed state background to SCSS

Author: OS-susmitabhowmik

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

@@ -56,6 +56,7 @@
   --padding-end: #{globals.$ion-space-400};
   --padding-bottom: #{globals.$ion-space-300};
   --padding-start: #{globals.$ion-space-400};
+  --background-activated: #{globals.$ion-bg-neutral-subtlest-press};
 
   @include globals.typography(globals.$ion-heading-h6-medium);
 }

core/src/components/accordion/accordion.tsx

@@ -206,15 +206,6 @@ export class Accordion implements ComponentInterface {
      * for specific styling purposes
      */
     ionItem.classList.add('accordion-header-item');
-
-    /**
-     * Set the pressed state background color for ionic theme.
-     * This overrides the default blue color from ion-item.
-     */
-    const theme = getIonTheme(this);
-    if (theme === 'ionic') {
-      ionItem.style.setProperty('--background-activated', 'var(--token-bg-neutral-subtlest-press)');
-    }
   };
 
   private getSlottedHeaderIonItem = () => {