fix(material/select): m3 selected option background color

Author: wagnermaciel

src/material-experimental/theming/_custom-tokens.scss

@@ -993,6 +993,7 @@
   @return (mat.private-merge-all(
     _generate-typography-tokens($systems, trigger-text, body-large),
     (
+      list-item-selected-container-color: map.get($systems, md-sys-color, secondary-container),
       panel-background-color: map.get($systems, md-sys-color, surface-container),
       enabled-trigger-text-color: map.get($systems, md-sys-color, on-surface),
       disabled-trigger-text-color: mat.private-safe-color-change(

src/material/core/tokens/m2/mat/_select.scss

@@ -17,6 +17,7 @@ $prefix: (mat, select);
   $on-surface: if($is-dark, #fff, #000);
 
   @return (
+    list-item-selected-container-color: rgba($on-surface, if($is-dark, 0.08, 0.04)),
     panel-background-color: inspection.get-theme-color($theme, background, card),
     enabled-trigger-text-color: rgba($on-surface, 0.87),
     disabled-trigger-text-color: rgba($on-surface, 0.38),

src/material/select/select.scss

@@ -166,6 +166,7 @@ div.mat-mdc-select-panel {
 
   .mat-mdc-option {
     --mdc-list-list-item-container-color: var(--mat-select-panel-background-color);
+    --mat-option-selected-state-layer-color: var(--mat-select-list-item-selected-container-color);
   }
 }