message: chore(variantcolor): change console.error to console.warn
diff: @@ -152,7 +152,7 @@ export function useVariantColorWarning(label, variantColor) {
  const variantColorExists = variantColor in theme.colors;
  // If variant color exists in theme object
  if (!variantColorExists) {
  - console.error(
  + console.warn(
  `You passed an invalid variantColor to the ${label} Component. Variant color values must be a color key in the theme object that has '100' - '900' color values. Check http://chakra-ui.com/theme#colors to see possible values`,
  );
  }
  @@ -165,7 +165,7 @@ export function useVariantColorWarning(label, variantColor) {
  typeof colorObj === "object" && Object.keys(colorObj).length > 0;
  if (!variantColorIsObject) {
  - console.error(
  + console.warn(
  `${label}: The variantColor passed exists in the theme object but is not valid. For a color to be a valid variantColor, it must be an object that has '100' - '900' color values. Use a tool like:
  https://smart-swatch.netlify.com/ to generate color values quickly`,
  );
  