`@source inline` isn't generating shadow classes

[bryqiu]

What version of Tailwind CSS are you using?

v4.1.17

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

Vite 5.4.3

What version of Node.js are you using?

v20.19.0

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

Describe your issue

I'm trying to use @source inline to generate some utility classes I need, like the shadow classes, but it's not working. My configuration looks like this:

@source inline("shadow-{xs,sm,md,lg}");

[wongjn]

Consider providing a git repo that reproduces the issue and we can take a look for you.

[thecrypticace]

Make sure you're not resetting the shadow classes in your theme. e.g. don't do this — otherwise those utilities won't exist:

@theme {
  --shadow-*: initial;
}

And if you're using a v3-style JS config with custom boxShadow utilities you want to make sure they're under theme.extend not just theme:

/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    extend: {
      boxShadow: {
        custom: "0 0 4px #000",
      }
    },
  },
  plugins: [],
}

If neither of these things are the case then yeah we definitely need to see a reproduction.

[bryqiu]

OK, I've created a repository called tailwind-shadow-classes using Vite + Tailwind CSS.

I successfully generated a color palette using:

@source inline("bg-zinc-{50,{100..900..100},950}");

However, this one didn't work:

@source inline("shadow-{xs,sm,md,lg}");

If I've configured something incorrectly, please let me know, thank.