style(console): fix read-only state drop down icon color for select component (#7823)

Author: xiaoyijun

packages/console/src/ds-components/Select/index.module.scss

@@ -72,13 +72,6 @@
     outline-color: var(--color-focused-variant);
   }
 
-  &.readOnly {
-    background: var(--color-inverse-on-surface);
-    color: var(--color-text);
-    border-color: var(--color-border);
-    cursor: default;
-  }
-
   &.error {
     border-color: var(--color-error);
 
@@ -92,6 +85,17 @@
     color: var(--color-text-secondary);
   }
 
+  &.readOnly {
+    background: var(--color-inverse-on-surface);
+    color: var(--color-text);
+    border-color: var(--color-border);
+    cursor: default;
+
+    .icon {
+      color: var(--color-disabled);
+    }
+  }
+
   .clear {
     display: none;
   }