feat: strictTokens escape hatch for arbitrary values

[astahmer]

Closes #1001

📝 Description

Add an escape-hatch for arbitrary values when using config.strictTokens, by prefixing the value with [ and suffixing
with ], e.g. writing [123px] as a value will bypass the token validation.

import { css } from '../styled-system/css'

css({
  // @ts-expect-error TS will throw when using from strictTokens: true
  color: '#fff',
  // @ts-expect-error TS will throw when using from strictTokens: true
  width: '100px',

  // ✅ but this is now allowed:
  bgColor: '[rgb(51 155 240)]',
  fontSize: '[12px]',
})

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

no

📝 Additional Information

We've listened and more enhancements will come for the config.strictTokens DX, thank you for providing great feedback !

[changeset-bot]

🦋 Changeset detected

Latest commit: b60a090

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	Minor
@pandacss/shared	Minor
@pandacss/core	Minor
@pandacss/node	Minor
@pandacss/parser	Minor
@pandacss/dev	Minor
@pandacss/config	Minor
@pandacss/studio	Minor
@pandacss/token-dictionary	Minor
@pandacss/postcss	Minor
@pandacss/astro	Minor
@pandacss/error	Minor
@pandacss/extractor	Minor
@pandacss/fixture	Minor
@pandacss/is-valid-prop	Minor
@pandacss/logger	Minor
@pandacss/preset-atlaskit	Minor
@pandacss/preset-base	Minor
@pandacss/preset-panda	Minor
@pandacss/types	Minor

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 8:49am
panda-playground	✅ Ready (Inspect)	Visit Preview	Dec 4, 2023 8:49am
panda-studio	✅ Ready (Inspect)	Visit Preview	Dec 4, 2023 8:49am