Update default drop-shadow-* values to use a single shadow

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Fix `drop-shadow-*` when multiple shadows are used in the theme ([#15056](https://github.com/tailwindlabs/tailwindcss/pull/15056))
 - _Upgrade (experimental)_: Ensure migrating to the `in-*` requires a descendant selector ([#15054](https://github.com/tailwindlabs/tailwindcss/pull/15054))
 
 ## [4.0.0-alpha.35] - 2024-11-20

packages/tailwindcss/src/utilities.test.ts

@@ -13698,7 +13698,7 @@ test('filter', async () => {
     }
 
     .drop-shadow-xl {
-      --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
+      --tw-drop-shadow: drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
 

packages/tailwindcss/src/utilities.ts

@@ -250,6 +250,7 @@ export function createUtilities(theme: Theme) {
     supportsNegative?: boolean
     supportsFractions?: boolean
     themeKeys?: ThemeKey[]
+    inlineThemeValues?: boolean
     defaultValue?: string | null
     handleBareValue?: (value: NamedUtilityValue) => string | null
     handleNegativeBareValue?: (value: NamedUtilityValue) => string | null
@@ -280,10 +281,17 @@ export function createUtilities(theme: Theme) {
           if (candidate.modifier) return
           value = candidate.value.value
         } else {
-          value = theme.resolve(
-            candidate.value.fraction ?? candidate.value.value,
-            desc.themeKeys ?? [],
-          )
+          if (desc.inlineThemeValues) {
+            value = theme.resolveValue(
+              candidate.value.fraction ?? candidate.value.value,
+              desc.themeKeys ?? [],
+            )
+          } else {
+            value = theme.resolve(
+              candidate.value.fraction ?? candidate.value.value,
+              desc.themeKeys ?? [],
+            )
+          }
 
           // Automatically handle things like `w-1/2` without requiring `1/2` to
           // exist as a theme value.
@@ -3473,6 +3481,7 @@ export function createUtilities(theme: Theme) {
     ])
     functionalUtility('drop-shadow', {
       themeKeys: ['--drop-shadow'],
+      inlineThemeValues: true,
       handle: (value) => [
         filterProperties(),
         decl(