Update workspace packages to latest versions

[BunsDev]

Summary

• Updated workspace dependencies across core, docs, preview, react, create-markdown, and playground to current releases.
• Bumped major toolchain packages including TypeScript, Vite, Next.js, React, Tailwind CSS, Turborepo, jsdom, and related type packages.
• Adjusted docs styling/setup for Tailwind v4 and refreshed a small header icon swap in the docs app.
• Regenerated pnpm-lock.yaml to reflect the upgraded package graph.

Testing

• Not run (dependency/version bump only).
• Review build and test pipelines for any compatibility issues with TypeScript 6, Vite 8, React 19, Next.js 16.2, and Tailwind CSS 4.
• Verify the docs app still renders correctly with the updated Tailwind/PostCSS configuration.

---

Note

Medium Risk
Introduces a breaking-ish packaging change for Mermaid users (new addon package and import path changes) and bumps major tooling/framework dependencies (TypeScript 6, React 19, Tailwind 4, Next 16.2), which can cause build/runtime regressions across the workspace.

Overview
Mermaid support is split out of @create-markdown/preview into a new optional @create-markdown/preview-mermaid package, with docs and examples updated to import mermaidPlugin from the addon and to install Mermaid explicitly.

The create-markdown bundle now adds a create-markdown/preview-mermaid convenience export, while @create-markdown/preview removes Mermaid exports/peer dep references and positions itself as preview + optional Shiki.

Separately, this bumps and realigns workspace tooling/dependencies (notably TypeScript 6, React 19, Next 16.2, Tailwind 4) and updates the docs app’s Tailwind/PostCSS setup and a small header icon change; Vite is pinned to 7.1.11.

^{Reviewed by Cursor Bugbot for commit 65cdc1b. Bugbot is set up for automated code reviews on this repo. Configure here.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
create-markdown	Ready	Preview	Apr 7, 2026 11:56am
create-markdown-docs	Ready	Preview	Apr 7, 2026 11:56am

[cursor]

Cursor Bugbot has reviewed your changes and found 2 potential issues.

Autofix Details

Bugbot Autofix prepared fixes for both issues found in the latest run.

• ✅ Fixed: Tailwind v4 breaks with removed @tailwind directives
  • Replaced the v3 @tailwind base/components/utilities directives with @import "tailwindcss" so @tailwindcss/postcss injects Tailwind correctly.
• ✅ Fixed: GitHub link displays wrong icon after upgrade
  • Removed GitBranch and inlined the official GitHub mark SVG with currentColor so the link matches the platform visually.

Or push these changes by commenting:

@cursor push a462d5b1a9

Preview (a462d5b1a9)

diff --git a/packages/docs/app/globals.css b/packages/docs/app/globals.css
--- a/packages/docs/app/globals.css
+++ b/packages/docs/app/globals.css
@@ -1,7 +1,5 @@
 @config "../tailwind.config.ts";
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 @layer base {
   :root {

diff --git a/packages/docs/components/header.tsx b/packages/docs/components/header.tsx
--- a/packages/docs/components/header.tsx
+++ b/packages/docs/components/header.tsx
@@ -2,7 +2,7 @@
 
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { GitBranch, Menu, X } from 'lucide-react';
+import { Menu, X } from 'lucide-react';
 import { useState } from 'react';
 import { ThemeToggle } from './theme-toggle';
 import { CommandMenu } from './command-menu';
@@ -64,7 +64,19 @@
             rel="noopener noreferrer"
             className="hidden md:inline-flex h-9 w-9 items-center justify-center rounded-lg border border-border/50 bg-background/50 backdrop-blur-sm hover:bg-accent/50 hover:border-accent hover:shadow-glow-sm transition-all duration-200"
           >
-            <GitBranch className="h-4 w-4" />
+            <svg
+              className="h-4 w-4"
+              viewBox="0 0 98 96"
+              xmlns="http://www.w3.org/2000/svg"
+              aria-hidden
+            >
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.48 2.93-16.227-5.468-16.227-5.468-2.184-5.705-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.195-22.262-5.42-22.262-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+                fill="currentColor"
+              />
+            </svg>
             <span className="sr-only">GitHub</span>
           </a>
           <ThemeToggle />

_{You can send follow-ups to the cloud agent here.}

[BunsDev]

@cursor push a462d5b

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Wrong @config/@import directive order breaks Tailwind v4
  • Swapped directives so @import "tailwindcss" comes before @config, matching Tailwind v4’s required order so the JS config loads correctly.

Or push these changes by commenting:

@cursor push 1c6743e0fe

Preview (1c6743e0fe)

diff --git a/packages/docs/app/globals.css b/packages/docs/app/globals.css
--- a/packages/docs/app/globals.css
+++ b/packages/docs/app/globals.css
@@ -1,5 +1,5 @@
+@import "tailwindcss";
 @config "../tailwind.config.ts";
-@import "tailwindcss";
 
 @layer base {
   :root {

_{You can send follow-ups to the cloud agent here.}

^{Reviewed by Cursor Bugbot for commit 3729638. Configure here.}

[cursor]

Wrong @config/@import directive order breaks Tailwind v4

High Severity

The @config directive in globals.css is placed before @import "tailwindcss". Tailwind CSS v4 requires the opposite order, which prevents custom theme configurations like colors, typography, animations, and box shadows from loading, breaking most docs site styling.

 

^{Reviewed by Cursor Bugbot for commit 3729638. Configure here.}

[BunsDev]

@cursor push a462d5b