made text color override other props that change color

Author: bmdalex

src/themes/teams/colors.ts

@@ -88,7 +88,6 @@ export const naturalColors: NaturalColors = {
     800: '#F9D844',
     900: '#F8D22A',
   },
-
   darkOrange: {
     50: '#F9ECEA',
     100: '#ECBCB3',

src/themes/teams/components/Text/textStyles.ts

@@ -24,7 +24,6 @@ export default {
   }: ComponentStyleFunctionParam<TextProps, TextVariables>): ICSSInJSStyle => {
     return {
       display: 'inline-block',
-      color: _.get(v.colors, color),
       ...(truncated && truncateStyle),
       ...(atMention === true && {
         color: v.atMentionOtherColor,
@@ -47,6 +46,7 @@ export default {
         fontWeight: v.importantWeight,
         color: v.importantColor,
       }),
+      ...(color && { color: _.get(v.colors, color) }),
 
       ...(weight === 'light' && {
         fontWeight: v.fontWeightLight,