Important Modifier

To specify a class to be important, you can wrap it inside the tw.important() modifier.

import { tw } from 'typewind';
 
export default function Button() {
  return (
    <button
      className={tw.important(tw.text_red_500).hover(tw.important(tw.text_red_600))}
    >
      Click Me
    </button>
  );
}

<button className="!text-red-500 hover:!text-red-600">
  Click Me
</button>

Modifiers Arbitrary Values