BREAKING: add preset name mandatory key (#2372)

* BREAKING: add preset `name` mandatory key

* chore: add implicit name to panda.config & fix tests

* refactor: simplify mergeConfigs
it now follows a left-to-right order just like in the config.presets, making it much easier to reason about

* chore: add name to playground preset

* chore: update playground resolve config logic

* chore: tsc & lint

* fix: rebase conflict

.changeset/tricky-crews-film.md

@@ -0,0 +1,5 @@
+---
+'@pandacss/types': minor
+---
+
+Add a `name` mandatory key in `Preset` to make it easy to target one specifically

packages/cli/src/index.ts

@@ -28,7 +28,7 @@ import type {
  * -----------------------------------------------------------------------------*/
 
 export function defineConfig(config: Config) {
-  return config
+  return Object.assign(config, { name: '__panda.config__' })
 }
 
 export function defineRecipe<T extends RecipeVariantRecord>(config: RecipeConfig<T>): RecipeConfig {

packages/config/__tests__/bundle-config.test.ts

@@ -21,6 +21,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -58,6 +59,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -98,10 +100,12 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
             {
+              "name": "ts-import-preset",
               "theme": {
                 "extend": {
                   "semanticTokens": {
@@ -127,6 +131,7 @@ describe('bundle config', () => {
             },
             {
               "requiredPreset": {
+                "name": "required-preset",
                 "theme": {
                   "extend": {
                     "semanticTokens": {
@@ -184,6 +189,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -224,6 +230,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -264,6 +271,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -304,6 +312,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -344,6 +353,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",
@@ -384,6 +394,7 @@ describe('bundle config', () => {
             "./src/**/*.{ts,tsx,jsx}",
           ],
           "jsxFramework": "react",
+          "name": "__panda.config__",
           "preflight": true,
           "presets": [
             "@pandacss/dev/presets",