feat: token/utility/codegen hooks

[astahmer]

Closes #2056
Closes #1848

📝 Description

Introduce 3 new hooks:

tokens:created

This hook is called when the token engine has been created. You can use this hook to add your format token names and
variables.

This is especially useful when migrating from other css-in-js libraries, like Stitches.

export default defineConfig({
  // ...
  hooks: {
    'tokens:created': ({ configure }) => {
      configure({
        formatTokenName: (path) => '$' + path.join('-'),
      })
    },
  },
})

utility:created

This hook is called when the internal classname engine has been created. You can override the default toHash function
used when config.hash is set to true

export default defineConfig({
  // ...
  hooks: {
    'utility:created': ({ configure }) => {
      configure({
        toHash(paths, toHash) {
          const stringConds = paths.join(':')
          const splitConds = stringConds.split('_')
          const hashConds = splitConds.map(toHash)
          return hashConds.join('_')
        },
      })
    },
  },
})

codegen:prepare

This hook is called right before writing the codegen files to disk. You can use this hook to tweak the codegen files

export default defineConfig({
  // ...
  hooks: {
    'codegen:prepare': ({ artifacts, changed }) => {
      // do something with the emitted js/d.ts files
    },
  },
})

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

no

📝 Additional Information

With those hooks, the features from the two mentioned PR should be possible without introducing new config options or changing much about Panda internals

[changeset-bot]

🦋 Changeset detected

Latest commit: 8a41b6e

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

This PR includes changesets to release 20 packages

Name	Type
@pandacss/token-dictionary	Patch
@pandacss/generator	Patch
@pandacss/fixture	Patch
@pandacss/shared	Patch
@pandacss/studio	Patch
@pandacss/types	Patch
@pandacss/core	Patch
@pandacss/node	Patch
@pandacss/config	Patch
@pandacss/dev	Patch
@pandacss/parser	Patch
@pandacss/extractor	Patch
@pandacss/logger	Patch
@pandacss/preset-atlaskit	Patch
@pandacss/preset-base	Patch
@pandacss/preset-open-props	Patch
@pandacss/preset-panda	Patch
@pandacss/astro-plugin-studio	Patch
@pandacss/postcss	Patch
@pandacss/is-valid-prop	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	Feb 1, 2024 6:53pm
panda-playground	✅ Ready (Inspect)	Visit Preview	Feb 1, 2024 6:53pm
panda-studio	✅ Ready (Inspect)	Visit Preview	Feb 1, 2024 6:53pm