Using Tailwind v4 in create-next-app causes unexpected browser compatibility issues

[tobiaspickel]

Goals

1. Avoid browser compatibility issues by revising Tailwind v4 usage in create-next-app

Non-Goals

Background

Next.js claims to support a wide range of browsers. However, the current version of create-next-app includes Tailwind CSS v4 by default, which only supports a very limited set of modern browsers.

This creates a misleading impression for developers—suggesting that it's safe to use Tailwind v4 in Next.js projects with the expectation that it will work across all supported browsers. In reality, it does not, due to Tailwind's limited compatibility.

Proposal

Either remove Tailwind CSS v4 from create-next-app or clearly state its limited browser compatibility in a prominent place. This would help developers make informed decisions and avoid unexpected issues due to mismatched browser support expectations.

[tobiaspickel]

I created a example using tailwind4 and possible polyfills.
Maybe that helps whoever is struggling with this as well.
As TW4 is optional anyways we can close this.