Dark theme not compatible with prose / typography using new JIT engine

v0.1.7

v14.15.1

Next.js (details below)

Chrome latest 64-bit 89.0.etc

Windows 10

Hi, I'm crossposting this from https://github.com/tailwindlabs/tailwindcss-typography/issues/157 because it affects both libraries.

Following up on a comment from @danjac about https://github.com/tailwindlabs/tailwindcss-typography/pull/153/ -- there's a bug that I'm reporting to jit & typography.

Here's an example repo that uses dark theme with prose / Tailwind typography: https://github.com/timlrx/tailwind-nextjs-starter-blog/ (not jit) and it's live here: https://tailwind-nextjs-starter-blog.vercel.app/

As you can see, prose works fine with dark mode in the old system (except for the caveat about responsive classes addressed by that PR https://github.com/tailwindlabs/tailwindcss-typography/pull/153/ ):

However when I tried that in a derivative from that template using the new jit engine, prose doesn't work with dark mode.

Source code: https://github.com/DoctorDerek/steven-terner.github.io/blob/master/pages/demo.js Live version: http://steven-terner-github-io.vercel.app/demo (That page won't stay up for particularly long, but I didn't want to spin up a new project just for this issue, sorry.)

 <article className="mx-auto space-y-6 prose">
        <SectionContainer>
          <p>
            My portfolio showcases

I'm happy to look into it more myself if you'd like to assign me to following up on it, but now I'm just the messenger 😀

tailwindlabs / tailwindcss-jit