feat(recipes): recipe.staticCss colocation

[astahmer]

Closes https://panda-css.canny.io/feature-request/p/tree-shaking-settings-in-definerecipe

📝 Description

Add a way to specify a recipe's staticCss options from inside a recipe config, e.g.:

import { defineRecipe } from '@pandacss/dev'

const card = defineRecipe({
  className: 'card',
  base: { color: 'white' },
  variants: {
    size: {
      small: { fontSize: '14px' },
      large: { fontSize: '18px' },
    },
  },
  staticCss: [{ size: ['*'] }],
})

would be the equivalent of defining it inside the main config:

import { defineConfig } from '@pandacss/dev'

export default defineConfig({
  // ...
  staticCss: {
    recipes: {
      card: {
        size: ['*'],
      },
    },
  },
})

💣 Is this a breaking change (Yes/No):

no

📝 Additional Information

[changeset-bot]

🦋 Changeset detected

Latest commit: e9935c6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 20 packages

Name	Type
@pandacss/generator	Patch
@pandacss/types	Patch
@pandacss/core	Patch
@pandacss/node	Patch
@pandacss/parser	Patch
@pandacss/dev	Patch
@pandacss/config	Patch
@pandacss/fixture	Patch
@pandacss/preset-atlaskit	Patch
@pandacss/preset-base	Patch
@pandacss/preset-panda	Patch
@pandacss/studio	Patch
@pandacss/token-dictionary	Patch
@pandacss/postcss	Patch
@pandacss/astro	Patch
@pandacss/error	Patch
@pandacss/extractor	Patch
@pandacss/is-valid-prop	Patch
@pandacss/logger	Patch
@pandacss/shared	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
panda-docs	✅ Ready (Inspect)	Visit Preview	Dec 4, 2023 10:22pm
panda-playground	🛑 Canceled (Inspect)		Dec 4, 2023 10:22pm
panda-studio	🛑 Canceled (Inspect)		Dec 4, 2023 10:22pm