How to use !important in Tailwind?

<div class="!p-4">Forces p-4 with !important</div>
<div class="!bg-red-500">Forces background color</div>

<!-- Override third-party styles -->
<div class="third-party-class !text-blue-500">
  Overrides library styles
</div>

<!-- Override inline styles (in some cases) -->
<div style="color: red" class="!text-blue-500">
  May override inline
</div>

// tailwind.config.js
module.exports = {
  important: true,  // All utilities get !important
}

// Or with selector
module.exports = {
  important: '#app',  // Increases specificity
}