fix(picker): add color to picker-opt so the variable will style correctly

fixes #9519

Author: brandyscarney

src/components/picker/picker.ios.scss

@@ -127,6 +127,7 @@ $picker-ios-option-offset-y:                   (($picker-ios-height - $picker-io
 
   font-size: $picker-ios-option-font-size;
   line-height: $picker-ios-option-height;
+  color: $picker-ios-option-text-color;
 
   background: transparent;
   transform-origin: center center;

src/components/picker/picker.md.scss

@@ -114,6 +114,7 @@ $picker-md-option-selected-color:             color($colors-md, primary) !defaul
 
   font-size: $picker-md-option-font-size;
   line-height: $picker-md-option-height;
+  color: $picker-md-option-text-color;
 
   background: transparent;
 

src/components/picker/picker.scss

@@ -123,7 +123,6 @@ ion-picker-cmp {
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: #000;
 
   will-change: transform;
   contain: strict;

src/components/picker/picker.wp.scss

@@ -127,6 +127,7 @@ $picker-wp-option-selected-color:             color($colors-wp, primary) !defaul
 
   font-size: $picker-wp-option-font-size;
   line-height: $picker-wp-option-height;
+  color: $picker-wp-option-text-color;
 
   background: transparent;