fix(input): icons not inheriting theme colors

Fixes the `md-icon` instances inside of a `md-input-container` using the primary color, even though the container is e.g. `md-accent` or `md-warn`.

Closes #9058

src/components/input/input-theme.scss

@@ -45,25 +45,25 @@ md-input-container.md-THEME_NAME-theme {
     }
 
     &.md-input-focused {
-      label {
-        color: '{{primary-color}}';
-      }
+      label,
       md-icon {
         color: '{{primary-color}}';
       }
       &.md-accent {
         .md-input {
           border-color: '{{accent-color}}';
         }
-        label {
+        label,
+        md-icon {
           color: '{{accent-color}}';
         }
       }
       &.md-warn {
         .md-input {
           border-color: '{{warn-A700}}';
         }
-        label {
+        label,
+        md-icon {
           color: '{{warn-A700}}';
         }
       }
@@ -73,10 +73,9 @@ md-input-container.md-THEME_NAME-theme {
     .md-input {
       border-color: '{{warn-A700}}';
     }
-    label {
-      color: '{{warn-A700}}';
-    }
-    .md-input-message-animation, .md-char-counter {
+    label,
+    .md-input-message-animation,
+    .md-char-counter {
       color: '{{warn-A700}}';
     }
   }