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

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

Next v14.2.2
PostCSS v8

What version of Node.js are you using?

Node v20.11.1
Bun v1.1.8

What browser are you using?

Safari [macOS/iOS] (does NOT work as expected) v17.5
Brave [Windows] (works as expected) v1.67.116
Arc [macOS] (works as expected) v1.47.1
Edge [Windows] (works as expected) v126.0.2592.56

What operating system are you using?

macOS 14.5
Windows 11 23H2

Reproduction URL

https://play.tailwindcss.com/s0uKhW1RIh

Describe your issue

The backdrop-blur- classes do not add the -webkit- style, so Safari and other webkit browsers aren't being styled with a backdrop blur.

In this mean while, ot solve this I manually added each of the classes to my global css file

.backdrop-blur-3xl {
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur);
  backdrop-filter: var(--tw-backdrop-blur);
}
...etc