all spotlight examples are broken

[iUnstable0]

Hi. i am using latest spotlight code from the example and it is not working (hovering actions)

clean NextJS project

package.json

"dependencies": {
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.1",
    "@mui/material": "^7.3.6",
    "@types/tinycolor2": "^1.4.6",
    "clsx": "^2.1.1",
    "howler": "^2.2.4",
    "lucide-react": "^0.562.0",
    "luxon": "^3.7.2",
    "motion": "^12.23.26",
    "next": "16.1.0",
    "react": "19.2.3",
    "react-canvas-confetti": "^2.0.7",
    "react-dom": "19.2.3",
    "react-hot-toast": "^2.6.0",
    "react-use-measure": "^2.1.7",
    "sass": "^1.97.1",
    "tailwind-merge": "^3.4.0",
    "tinycolor2": "^1.6.0",
    "use-sound": "^5.0.0"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.18",
    "@types/howler": "^2.2.12",
    "@types/luxon": "^3.7.1",
    "@types/node": "^20.19.27",
    "@types/react": "^19.2.7",
    "@types/react-dom": "^19.2.3",
    "babel-plugin-react-compiler": "1.0.0",
    "eslint": "^9.39.2",
    "eslint-config-next": "16.1.0",
    "prettier": "^3.7.4",
    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3"
  },

[m-elagamy]

Hi! I've identified and fixed this issue.

Root Cause:
The --tw-gradient-stops CSS variable is undefined because Tailwind only generates it when using gradient direction classes.

Solution:
Added bg-linear-to-tr to generate the gradient stops variable, which allows the radial gradient to work properly with Tailwind's gradient color classes.

PR: Fix spotlight radial gradient stops

The PR includes:

• Fix for undefined --tw-gradient-stops
• Updated default colors to use primary color for dynamic theming