[Bug] Issue with opacity modifier syntax.

[Bug-Finderr]

Details

What version of Tailwind CSS are you using?
v3.4.16

What build tool (or framework if it abstracts the build tool) are you using?
Vite 6, Next-js 15 (tried both)

What version of Node.js are you using?
v22.11.0

What browser are you using?
Chrome

What operating system are you using?
Windows

Reproduction URL

Github Link
NOTE: The main part is from line 52 in src/app/page.tsx

Describe your issue

I am NOT SURE if this is an actual issue with CSS or my skill issue. Raised this issue as I could not find an exact solution to this problem.

Notice the white artifacts around the border radius when using opacity modifier syntax.

For more details, visit the repo or this deployed link