Add rounded-4xl utility (#13827)

* add `rounded-4xl`

* update tests to reflect change

* update changelog

CHANGELOG.md

@@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing yet!
+### Added
+
+- Add `rounded-4xl` utility ([#13827](https://github.com/tailwindlabs/tailwindcss/pull/13827))
 
 ## [4.0.0-alpha.16] - 2024-06-07
 

packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap

@@ -278,6 +278,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
     --radius-xl: .75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
+    --radius-4xl: 2rem;
     --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
     --shadow-xs: 0 1px #0000000d;
     --shadow-sm: 0 1px 2px 0 #0000000d;

packages/tailwindcss/src/__snapshots__/index.test.ts.snap

@@ -277,6 +277,7 @@ exports[`compiling CSS > \`@tailwind utilities\` is replaced by utilities using
   --radius-xl: .75rem;
   --radius-2xl: 1rem;
   --radius-3xl: 1.5rem;
+  --radius-4xl: 2rem;
   --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
   --shadow-xs: 0 1px #0000000d;
   --shadow-sm: 0 1px 2px 0 #0000000d;

packages/tailwindcss/theme.css

@@ -285,6 +285,7 @@
   --radius-xl: 0.75rem;
   --radius-2xl: 1rem;
   --radius-3xl: 1.5rem;
+  --radius-4xl: 2rem;
 
   /* Shadows */
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);