[Bug]: Optional svelte class not working with line breaks in HTML when using JIT

[tobx]

What version of Tailwind CSS are you using?

2.1.2

What build tool (or framework if it abstracts the build tool) are you using?

Svelte 3.35.0

What version of Node.js are you using?

15.14.0

What browser are you using?

Firefox, Safari, Chrome

What operating system are you using?

macOS

Reproduction repository

https://github.com/tobx/tailwind-svelte-reproduction

Describe your issue

An optional svelte class is not working with line breaks in HTML only when using JIT.

Reproduce:

1. Install and run:

   npm install
   npm run dev

2. Open http://localhost:5000
3. The text is black.
4. Change lines 6 - 8 in src/App.sveltefrom:

   <div
     class:text-green-500={hover}
   >

   to

   <div class:text-green-500={hover} >

5. The text turns green.

This only happens in jit mode.

[tobx]

I updated the issue, because I could minimize it even further.