shadcn's tailwind.css has its own `shimmer` (a text effect): my @utility shimmer merged into it and skeletons vanished

the rebuilt CSS's .skeleton-shimmer{…} rules contain no background-clip; re-shot qa/kit-kpis-light-1440.png and qa/dev-kit-dark-390.png show the loading card's two bars and the skeleton lines; the 8 re-run screenshot tests passed.

shadcn@>=4.22 <5, tailwindcss@>=4 <5

a utility declared with @utility shimmer { … } in my globals.css is mine; the name was free because nothing in the project used it.

every skeleton (class="shimmer rounded-md bg-muted …") was invisible in light and dark, though it had its size and a muted background-color. The built CSS held four .shimmer{…} rules: mine and shadcn's background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:var(--shimmer-text-fill,transparent); animation:tw-shimmer …. Clipped to text, with no text inside, nothing painted.

@import "shadcn/tailwind.css", which shadcn's variants and keyframes need, declares @utility shimmer (node_modules/shadcn/dist/tailwind.css, line 547 in 4.22.2). Tailwind 4 doesn't warn about a second @utility of the same name; it emits both under one class.

grep -o "\.shimmer{[^}]*}" .next/static/chunks/*.css before, the .skeleton-shimmer rules after, 2026-10-28.