fix(material/chips): strengthen edit/remove icons focus/hover styling

Author: adolgachev

src/material/chips/_m3-chip.scss

@@ -49,8 +49,11 @@
       chip-selected-label-text-color: map.get($system, on-secondary-container),
       chip-selected-trailing-action-state-layer-color: map.get($system, on-secondary-container),
       chip-selected-trailing-icon-color: map.get($system, on-secondary-container),
-      chip-trailing-action-focus-state-layer-opacity: map.get($system, focus-state-layer-opacity),
-      chip-trailing-action-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity),
+      // The parent chips will show hover state as well so need stronger hover styling here
+      chip-trailing-action-focus-state-layer-opacity:
+        calc(map.get($system, focus-state-layer-opacity) * 2),
+      chip-trailing-action-hover-state-layer-opacity:
+        calc(map.get($system, hover-state-layer-opacity) * 2),
       chip-trailing-action-state-layer-color: map.get($system, on-surface-variant),
       chip-with-icon-disabled-icon-color: map.get($system, on-surface),
       chip-with-icon-icon-color: map.get($system, on-surface-variant),