chore: update @arcadeai/design-system to latest

.github/workflows/update-design-system-dependency.yml

@@ -41,6 +41,10 @@ jobs:
             echo "has_changes=false" >> "$GITHUB_OUTPUT"
           fi
 
+      - name: Run design-system compatibility tests
+        if: steps.check-changes.outputs.has_changes == 'true'
+        run: pnpm vitest run toolkit-docs-generator/tests/scripts/sync-toolkit-sidebar.test.ts toolkit-docs-generator/tests/sources/oauth-provider-resolver.test.ts
+
       - name: Create pull request
         if: steps.check-changes.outputs.has_changes == 'true'
         uses: peter-evans/create-pull-request@v7
@@ -54,6 +58,9 @@ jobs:
           body: |
             This PR updates `@arcadeai/design-system` to the latest published version.
 
+            It runs a design-system compatibility test gate before opening this PR.
+            If that gate fails, the workflow stops and no PR is created.
+
             - Trigger: `${{ github.event_name }}`
             - Run: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
           add-paths: |

package.json

@@ -42,7 +42,7 @@
   },
   "homepage": "https://arcade.dev/",
   "dependencies": {
-    "@arcadeai/design-system": "^3.26.1",
+    "@arcadeai/design-system": "^3.28.0",
     "@mdx-js/mdx": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
     "@next/third-parties": "16.0.1",

toolkit-docs-generator/vitest.config.ts

@@ -1,6 +1,17 @@
+import { createRequire } from "node:module";
 import { defineConfig } from "vitest/config";
 
+const require = createRequire(import.meta.url);
+const designSystemEntry = require.resolve("@arcadeai/design-system");
+
 export default defineConfig({
+  resolve: {
+    alias: {
+      // Use the Node-resolved entry to avoid broken "development" export paths
+      // in some published design-system versions during Vitest transform.
+      "@arcadeai/design-system": designSystemEntry,
+    },
+  },
   test: {
     // Enable globals like describe, it, expect without imports
     globals: true,

vitest.config.ts

@@ -0,0 +1,16 @@
+import { createRequire } from "node:module";
+import { defineConfig } from "vitest/config";
+
+const require = createRequire(import.meta.url);
+const designSystemEntry = require.resolve("@arcadeai/design-system");
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      // Force Vitest to use the Node-resolved entrypoint instead of the
+      // package "development" condition, which some published versions point
+      // to non-shipped source files.
+      "@arcadeai/design-system": designSystemEntry,
+    },
+  },
+});