chore(md-chip): filter chip trailing icon can now be customized

Author: vdegenne

chips/internal/_trailing-icon.scss

@@ -28,14 +28,15 @@
     padding-inline-end: 0;
   }
 
-  .trailing.icon, [name="trailing-icon"]::slotted(*) {
+  .trailing.icon {
     color: var(--_trailing-icon-color);
     height: var(--_icon-size);
     width: var(--_icon-size);
   }
 
   [name="trailing-icon"]::slotted(md-icon) {
      --md-icon-size: var(--_icon-size);
+     color: inherit;
   }
 
   :where(:hover) .trailing.icon {

chips/internal/trailing-icons.ts

@@ -34,8 +34,8 @@ export function renderRemoveButton({
       @focus=${focusListener}>
       <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
       <md-ripple ?disabled=${disabled}></md-ripple>
-      <slot name="trailing-icon">
-        <svg class="trailing icon" viewBox="0 96 960 960" aria-hidden="true">
+      <slot name="trailing-icon" class="trailing icon">
+        <svg viewBox="0 96 960 960" aria-hidden="true">
           <path
             d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
         </svg>