I’m converting established project with bunch of CSS to Tailwind. Therfore I must disable Tailwind preflight (a.k.a reset defaults on elements) with corePlugins: { preflight: false},

Now when I’m styling new elements with TW my elements have old CSS defaults (e.g. <p> has 1em margin bottom)

I was wondering if there is a feature in Tailwind that would allow me to enable prefilight element settings within certain div. For example

<p>Old CSS paragraph with 1em margin bottom</p>

<div class="preflight-enabled">
  <p>TW preflights kick in and this paragraph has 0 margin bottom</p>
</div>

Note: I’m refactoring component by component rather than whole page at once (e.g relpacing navbar but content stays the same), so I cannot just preflight reset in for given page

Thank you ♥️