colors mdx content update

src/docs/style/color.mdx

@@ -22,6 +22,8 @@ Brightlayer UI offers a variety of different colors for use in your applications
 
 Our color sets are divided into sections as outlined below. User Interface and Status colors are available in a single package ([@brightlayer-ui/colors](https://www.npmjs.com/package/@brightlayer-ui/colors)). Branding (Charts and Graphs) colors are available as an additional package ([@brightlayer-ui/colors-branding](https://www.npmjs.com/package/@brightlayer-ui/colors-branding)).
 
+This color pallette depicts the Material Design 2 colors and Material Design 3 colors will be substantially different. React Native projects with Material Design v2 should use version v3 of colors package and React Native projects with Material Design v3 should use version v4 of colors package. We highly recommend to use semantic colors from the themes package([@brightlayer-ui/react-native-themes](https://www.npmjs.com/package/@brightlayer-ui/react-native-themes)) instead of directly using explicit colors from the colors package.
+
 <Divider />
 
 # User Interface Colors