feat: config validation (#2088)

* feat: config validation

* refactor: split config validation + add config.validation level

* chore: cleanup

* refactor: error handling and config validations

* refactor: test file

* refactor: validate breakpoint

* refactor: types

* refactor: some stuff

---------

Co-authored-by: Segun Adebayo <[email protected]>

.changeset/mean-worms-rest.md

@@ -0,0 +1,16 @@
+---
+'@pandacss/config': patch
+---
+
+Add config validation:
+
+- Check for duplicate between token & semanticTokens names
+- Check for duplicate between recipes/patterns/slots names
+- Check for token / semanticTokens paths (must end/contain 'value')
+- Check for self/circular token references
+- Check for missing tokens references
+- Check for conditions selectors (must contain '&')
+- Check for breakpoints units (must be the same)
+
+> You can set `validate: 'warn'` in your config to only warn about errors or set it to `none` to disable validation
+> entirely.

packages/cli/package.json

@@ -58,7 +58,6 @@
   "dependencies": {
     "@clack/prompts": "^0.6.3",
     "@pandacss/config": "workspace:*",
-    "@pandacss/error": "workspace:*",
     "@pandacss/logger": "workspace:*",
     "@pandacss/node": "workspace:*",
     "@pandacss/postcss": "workspace:*",

packages/cli/src/cli-main.ts

@@ -16,7 +16,7 @@ import {
   writeAnalyzeJSON,
   type CssGenOptions,
 } from '@pandacss/node'
-import { compact } from '@pandacss/shared'
+import { PandaError, compact } from '@pandacss/shared'
 import type { CssArtifactType } from '@pandacss/types'
 import { cac } from 'cac'
 import { join, resolve } from 'path'
@@ -294,7 +294,7 @@ export async function main() {
         studio = require(studioPath)
       } catch (error) {
         logger.error('studio', error)
-        throw new Error("You need to install '@pandacss/studio' to use this command")
+        throw new PandaError('MISSING_STUDIO', "You need to install '@pandacss/studio' to use this command")
       }
 
       if (preview) {