Update workspace packages to latest versions#5
Merged
Conversation
- Bump core tooling, React, Next.js, Vite, TypeScript, and testing deps - Move docs to Tailwind v4 postcss setup and refresh styling helpers - Update preview and playground package manifests and lockfile
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
Contributor
There was a problem hiding this comment.
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
@tailwinddirectives - ✅ 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.
Owner
Author
Contributor
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
Autofix Details
Bugbot Autofix prepared a fix for the issue found in the latest run.
- ✅ Fixed: Wrong
@config/@importdirective order breaks Tailwind v4- Swapped directives so
@import "tailwindcss"comes before@config, matching Tailwind v4’s required order so the JS config loads correctly.
- Swapped directives so
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.
| @tailwind components; | ||
| @tailwind utilities; | ||
| @config "../tailwind.config.ts"; | ||
| @import "tailwindcss"; |
Contributor
There was a problem hiding this comment.
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.
- Move Mermaid support out of `@create-markdown/preview` - Add `@create-markdown/preview-mermaid` and update docs - Pin Vite to `7.1.11` across the workspace
Owner
Author
- Update package versions and peer ranges to 2.0.3 - Refresh README and docs version table - Use forced theme asset copy in preview build
Contributor
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
There are 2 total unresolved issues (including 1 from previous review).
Bugbot Autofix prepared a fix for the issue found in the latest run.
- ✅ Fixed: Redundant autoprefixer conflicts with Tailwind v4 PostCSS plugin
- Removed autoprefixer from postcss.config.mjs and devDependencies and refreshed pnpm-lock.yaml so only @tailwindcss/postcss runs the Tailwind v4 pipeline.
Or push these changes by commenting:
@cursor push d541252f2b
Preview (d541252f2b)
diff --git a/packages/docs/package.json b/packages/docs/package.json
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -40,7 +40,6 @@
"@types/node": "^25.5.2",
"@types/react": "^19.2.14",
"@types/react-dom": "^19.2.3",
- "autoprefixer": "^10.4.27",
"postcss": "^8.5.8",
"tailwindcss": "^4.2.2",
"typescript": "^6.0.2"
diff --git a/packages/docs/postcss.config.mjs b/packages/docs/postcss.config.mjs
--- a/packages/docs/postcss.config.mjs
+++ b/packages/docs/postcss.config.mjs
@@ -2,7 +2,6 @@
const config = {
plugins: {
'@tailwindcss/postcss': {},
- autoprefixer: {},
},
};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -163,9 +163,6 @@
'@types/react-dom':
specifier: ^19.2.3
version: 19.2.3(@types/react@19.2.14)
- autoprefixer:
- specifier: ^10.4.27
- version: 10.4.27(postcss@8.5.8)
postcss:
specifier: ^8.5.8
version: 8.5.8
@@ -1852,13 +1849,6 @@
resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
hasBin: true
- autoprefixer@10.4.27:
- resolution: {integrity: sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==}
- engines: {node: ^10 || ^12 || >=14}
- hasBin: true
- peerDependencies:
- postcss: ^8.1.0
-
bail@2.0.2:
resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
@@ -1878,11 +1868,6 @@
resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
engines: {node: '>=8'}
- browserslist@4.28.2:
- resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
- engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
- hasBin: true
-
bundle-require@5.1.0:
resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2205,9 +2190,6 @@
dompurify@3.3.3:
resolution: {integrity: sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==}
- electron-to-chromium@1.5.331:
- resolution: {integrity: sha512-IbxXrsTlD3hRodkLnbxAPP4OuJYdWCeM3IOdT+CpcMoIwIoDfCmRpEtSPfwBXxVkg9xmBeY7Lz2Eo2TDn/HC3Q==}
-
enhanced-resolve@5.20.1:
resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
engines: {node: '>=10.13.0'}
@@ -2239,10 +2221,6 @@
engines: {node: '>=18'}
hasBin: true
- escalade@3.2.0:
- resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
- engines: {node: '>=6'}
-
escape-string-regexp@5.0.0:
resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
engines: {node: '>=12'}
@@ -2314,9 +2292,6 @@
fix-dts-default-cjs-exports@1.0.1:
resolution: {integrity: sha512-pVIECanWFC61Hzl2+oOCtoJ3F17kglZC/6N94eRWycFgBH35hHx0Li604ZIzhseh97mf2p0cv7vVrOZGoqhlEg==}
- fraction.js@5.3.4:
- resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
-
fs-extra@7.0.1:
resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
engines: {node: '>=6 <7 || >=8'}
@@ -2847,9 +2822,6 @@
sass:
optional: true
- node-releases@2.0.37:
- resolution: {integrity: sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==}
-
object-assign@4.1.1:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'}
@@ -2966,9 +2938,6 @@
resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
engines: {node: '>=4'}
- postcss-value-parser@4.2.0:
- resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
postcss@8.4.31:
resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
engines: {node: ^10 || ^12 || >=14}
@@ -3391,12 +3360,6 @@
resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
engines: {node: '>= 4.0.0'}
- update-browserslist-db@1.2.3:
- resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
- hasBin: true
- peerDependencies:
- browserslist: '>= 4.21.0'
-
use-callback-ref@1.3.3:
resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
engines: {node: '>=10'}
@@ -4914,15 +4877,6 @@
astring@1.9.0: {}
- autoprefixer@10.4.27(postcss@8.5.8):
- dependencies:
- browserslist: 4.28.2
- caniuse-lite: 1.0.30001786
- fraction.js: 5.3.4
- picocolors: 1.1.1
- postcss: 8.5.8
- postcss-value-parser: 4.2.0
-
bail@2.0.2: {}
baseline-browser-mapping@2.10.16: {}
@@ -4939,14 +4893,6 @@
dependencies:
fill-range: 7.1.1
- browserslist@4.28.2:
- dependencies:
- baseline-browser-mapping: 2.10.16
- caniuse-lite: 1.0.30001786
- electron-to-chromium: 1.5.331
- node-releases: 2.0.37
- update-browserslist-db: 1.2.3(browserslist@4.28.2)
-
bundle-require@5.1.0(esbuild@0.27.7):
dependencies:
esbuild: 0.27.7
@@ -5276,8 +5222,6 @@
optionalDependencies:
'@types/trusted-types': 2.0.7
- electron-to-chromium@1.5.331: {}
-
enhanced-resolve@5.20.1:
dependencies:
graceful-fs: 4.2.11
@@ -5364,8 +5308,6 @@
'@esbuild/win32-ia32': 0.27.7
'@esbuild/win32-x64': 0.27.7
- escalade@3.2.0: {}
-
escape-string-regexp@5.0.0: {}
esprima@4.0.1: {}
@@ -5444,8 +5386,6 @@
mlly: 1.8.2
rollup: 4.60.1
- fraction.js@5.3.4: {}
-
fs-extra@7.0.1:
dependencies:
graceful-fs: 4.2.11
@@ -6289,8 +6229,6 @@
- '@babel/core'
- babel-plugin-macros
- node-releases@2.0.37: {}
-
object-assign@4.1.1: {}
obug@2.1.1: {}
@@ -6388,8 +6326,6 @@
cssesc: 3.0.0
util-deprecate: 1.0.2
- postcss-value-parser@4.2.0: {}
-
postcss@8.4.31:
dependencies:
nanoid: 3.3.11
@@ -6907,12 +6843,6 @@
universalify@0.1.2: {}
- update-browserslist-db@1.2.3(browserslist@4.28.2):
- dependencies:
- browserslist: 4.28.2
- escalade: 3.2.0
- picocolors: 1.1.1
-
use-callback-ref@1.3.3(@types/react@19.2.14)(react@19.2.4):
dependencies:
react: 19.2.4You can send follow-ups to the cloud agent here.
Reviewed by Cursor Bugbot for commit 55ffd12. Configure here.
| const config = { | ||
| plugins: { | ||
| tailwindcss: {}, | ||
| '@tailwindcss/postcss': {}, |
Contributor
There was a problem hiding this comment.
Redundant autoprefixer conflicts with Tailwind v4 PostCSS plugin
Medium Severity
The postcss.config.mjs includes autoprefixer alongside @tailwindcss/postcss, but Tailwind CSS v4 already handles vendor prefixing internally via @tailwindcss/postcss. The Tailwind v4 migration guide explicitly states that autoprefixer is no longer needed and keeping it can cause build errors or unexpected CSS output. This was harmless in the old Tailwind v3 setup but becomes problematic now that the PR upgrades to v4.
Additional Locations (1)
Reviewed by Cursor Bugbot for commit 55ffd12. Configure here.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
pnpm-lock.yamlto reflect the upgraded package graph.Testing
Note
Medium Risk
Introduces a breaking API change by removing
mermaidPluginfrom@create-markdown/previewand shifting it to a new package, plus broad toolchain/framework upgrades (TypeScript 6, React 19, Tailwind 4) that may cause build/runtime incompatibilities.Overview
Mermaid support is now optional. The Mermaid preview plugin is split out of
@create-markdown/previewinto a new@create-markdown/preview-mermaidpackage, and@create-markdown/previewno longer exportsmermaidPluginor listsmermaidas a peer dependency.The
create-markdownbundle adds acreate-markdown/preview-mermaidsubpath re-export, and docs/README examples + installation instructions are updated to import/install Mermaid separately.Repo-wide maintenance updates bump package versions to
2.0.3, refresh many workspace dependencies (notably TypeScript/React/Next/Tailwind), migrate docs Tailwind/PostCSS config for Tailwind v4, and pin Vite to7.1.11.Reviewed by Cursor Bugbot for commit 55ffd12. Bugbot is set up for automated code reviews on this repo. Configure here.