message: tweak regEx logic further for color splitting
diff: @@ -352,6 +352,8 @@ const stateLabels = {
  const primerPrimitivesColors = splitCompoundColor(primitives.colors.light)
  const mergedColors = deepmerge(colors, primerPrimitivesColors)
  +console.log(primerPrimitivesColors)
  +
  export const theme = {
  // General
  borderWidths,
  @@ -383,9 +385,10 @@ function splitCompoundColor(o: { [key: string]: any }) {
  const newObject: { [key: string]: any } = {}
  Object.keys(o).forEach(function(key: string) {
  const value: any | undefined = o[key];
  - if (typeof value === "string" && value.match(/(inset\s|)[0-9.\s]?(em|px|) [0-9.\s]?(em|px|)[0-9.\s]?(em|px|)[0-9.\s]?(em|px|) rgb[a]?\(.*\)/)) {
  - newObject[key] = value.replace(/rgb[a]?\(.*\)/g, '').trim()
  - newObject[key+"Color"] = value.replace(/(inset\s|)[0-9.\s]?(em|px|) [0-9.\s]?(em|px|)[0-9.\s]?(em|px|)[0-9.\s]?(em|px|)/g, '').trim()
  + if (typeof value === "string" && value.match(/(inset\s|)([0-9.empx\s]+){1,4}rgb[a]?\(.*\)/)) {
  + const numericParams = value.replace(/rgb[a]?\(.*\)/g, '').trim()
  + newObject[key] = numericParams
  + newObject[key+"Color"] = value.replace(numericParams, '').trim()
  } else if (typeof value === "object") {
  newObject[key] = splitCompoundColor(value)
  } else {
  