Problem with tailwind css not able to read utility class

[winged valve]

The problem, in the globals.cc file:

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

the border-border is showing error.
This is the error: Error: Cannot apply unknown utility class: border-border

What I did: I tried arbitrary values, but it just broke the whole UI. (the commented code in globals.css)

Here are the code files:
app/globals.css- https://codefile.io/f/GpcNP21wjU
tailwind.config.js - https://codefile.io/f/luAxSWFd42
tailwind version: "tailwindcss": "^4.0.7",

Anyone can help this fellow 🆘

[runic cedar]

hi