Error: Failed to parse declaration "transform"

I was trying tailwind-rn 4.0.0 and had a build issue Error: Failed to parse declaration “transform: translate(var(–tw-translate-x), var(–tw-translate-y)) rotate(var(–tw-rotate)) skewX(var(–tw-skew-x)) skewY(var(–tw-skew-y)) scaleX(var(–tw-scale-x)) scaleY(var(–tw-scale-y))”

Comparing to previous version, v4.0.0 doesn’t omit unsupported styles which causes error in css-to-react-native lib. Did you experience this issue before?

[HeleneGrini]

Disabling the properties that are not supported worked for me. Add this to your tailwind config

  corePlugins: {
    boxShadow: false,
    translate: false, 
    transform: false, 
    ringWidth: false
  }

I dont use these classes, but the css was still being generated. This should perhaps be added to the readme?

[vadimdemedes]

I see what’s happening here. Tailwind’s JIT compiler finds that transform is mentioned in your source code (in styles object), so it thinks that you’re using the transform utility when you clearly don’t. Then tailwind-rn fails to parse it, which causes this error.

@HeleneGrini’s fix is nice, I think I should include it in the readme instructions as well as setup-tailwind-rn CLI. Going to open this issue until it’s resolved. Thanks Helene!