migrate-styled-components-to-panda-css
Migrate styled-components to Panda CSS
The repeatable procedure for converting this monorepo's styling from styled-components (the
Studio's legacy styling library) to Panda CSS. Adapted from the
sanity-io/plugins skill for vanilla-extract, which this repo used before Panda.
The infrastructure is already wired — never touch it during a component migration.
packages/sanity builds its .css.ts files into lib/bundle.css through the panda option of
@sanity/tsdown-config in its tsdown.config.ts (panda.config.ts next to it), exposes the
./bundle.css export, registers @pandacss/vite in its vitest.config.mts, and the dev
studios, Storybook and the browser suite point their own @pandacss/vite instance at the
package (packages/sanity/panda.config.ts is the repository's only Panda project). A migration
PR only converts component styles.