fix(combo): toggle button focus styles

Author: SisIvanova

src/components/combo/themes/shared/combo.material.scss

@@ -75,16 +75,26 @@ $dropdown-theme: dropdown-theme.$material;
     color: var-get($theme, 'toggle-button-foreground-filled');
 }
 
-:host(:focus-within) {
+:host(:not([outlined]):focus-within) {
+    igc-input::part(container) {
+        --_toggle-focus-background: #{var-get($theme, 'toggle-button-background')};
+        --_toggle-focus-foreground: #{var-get($theme, 'toggle-button-foreground')};
+    }
+
+    igc-input::part(container) {
+        &:focus-within {
+            --_toggle-focus-background: #{var-get($theme, 'toggle-button-background-focus')};
+            --_toggle-focus-foreground: #{var-get($theme, 'toggle-button-foreground-filled')};
+        }
+    }
+
     [part~='toggle-icon'] {
-        color: var-get($theme, 'toggle-button-foreground-filled');
-        background: var-get($theme, 'toggle-button-background-focus');
+        color: var(--_toggle-focus-foreground);
+        background: var(--_toggle-focus-background);
     }
-}
 
-:host(:not([outlined]):focus-within) {
-    > igc-input::part(container) {
-        background: var-get($input-theme, 'box-background-focus');
+    [part='toggle-icon filled'] {
+        color: var-get($theme, 'toggle-button-foreground-filled');
     }
 }