Fix(web): Remove Accordion Header active background change on non-hov…

…er devices

- Do not flicker on touch screens when tapping on
the item header of the Accordion component
- CSS for active state of Accordion__itemToggle is
now applied only for devices with hover capability

Solves DS-1365

packages/web/src/scss/components/Accordion/_Accordion.scss

@@ -89,10 +89,12 @@
     }
 }
 
-// 3.c
-// stylelint-disable-next-line selector-max-specificity -- High specificity to override the hover state selector 3.b.
-.Accordion__itemHeader .Accordion__itemToggle:active:first-of-type::before {
-    background-color: theme.$accordion-item-background-color-active;
+@media (hover: hover) {
+    // 3.c
+    // stylelint-disable-next-line selector-max-specificity -- High specificity to override the hover state selector 3.b.
+    .Accordion__itemHeader .Accordion__itemToggle:active:first-of-type::before {
+        background-color: theme.$accordion-item-background-color-active;
+    }
 }
 
 .Accordion__itemSide,