This is the error I get from Vercel when I try to deploy my NextJS project (npm run build works fine but Vercel is erroring out):

npm error @tiptap/starter-kit@"^2.11.5" from the root project
npm error 30 more (@tiptap/extension-bubble-menu, ...)
npm error
npm error Could not resolve dependency:
npm error peer @tiptap/core@"^3.0.0-next.3" from @tiptap/[email protected]
npm error node_modules/@tiptap/extension-font-size
npm error @tiptap/extension-font-size@"^3.0.0-next.3" from the root project
npm error
npm error Conflicting peer dependency: @tiptap/[email protected]
npm error node_modules/@tiptap/core
npm error peer @tiptap/core@"^3.0.0-next.3" from @tiptap/[email protected]
npm error node_modules/@tiptap/extension-font-size
npm error @tiptap/extension-font-size@"^3.0.0-next.3" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /vercel/.npm/_logs/2025-02-17T04_14_49_054Z-eresolve-report.txt
npm error A complete log of this run can be found in: /vercel/.npm/_logs/2025-02-17T04_14_49_054Z-debug-0.log
Error: Command "npm install" exited with 1

This is my current package.json (with all of my libraries and the library versions:

{
  "name": "********",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
    "@google/generative-ai": "^0.21.0",
    "@mui/material": "^6.4.3",
    "@tiptap/extension-font-family": "^2.11.5",
    "@tiptap/extension-font-size": "^3.0.0-next.3",
    "@tiptap/extension-image": "^2.11.5",
    "@tiptap/extension-list": "^3.0.0-next.4",
    "@tiptap/extension-placeholder": "^2.11.5",
    "@tiptap/extension-table": "^2.11.5",
    "@tiptap/extension-table-cell": "^2.11.5",
    "@tiptap/extension-table-header": "^2.11.5",
    "@tiptap/extension-table-row": "^2.11.5",
    "@tiptap/extension-text-align": "^2.11.5",
    "@tiptap/react": "^2.11.5",
    "@tiptap/starter-kit": "^2.11.5",
    "@tiptap/suggestion": "^2.11.5",
    "axios": "^1.7.9",
    "firebase": "^11.2.0",
    "firebase-admin": "^13.1.0",
    "formidable": "^3.5.2",
    "framer-motion": "^12.4.1",
    "html2canvas": "^1.4.1",
    "jspdf": "^2.5.2",
    "next": "15.0.1",
    "nodemailer": "^6.10.0",
    "openai": "^4.82.0",
    "pdf-lib": "^1.17.1",
    "pdf2html": "^3.1.0",
    "pdfjs-dist": "^4.10.38",
    "prosemirror-model": "^1.24.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-draggable": "^4.4.6",
    "react-hot-toast": "^2.5.1",
    "react-icons": "^5.4.0",
    "react-signature-canvas": "^1.0.7",
    "react-tsparticles": "^2.12.2",
    "spawn-sync": "^2.0.0",
    "tesseract.js": "^6.0.0",
    "tsparticles": "^3.8.1",
    "tsparticles-slim": "^2.12.0",
    "util": "^0.12.5",
    "uuid": "^11.0.5"
  },
  "devDependencies": {
    "postcss": "^8",
    "tailwindcss": "^3.4.1"
  }
}

How can I fix this issue so that I would be able to properly deploy the project (NextJS, Firebase, Tailwind) to Vercel?