[BUG] Webkit CSS with Tailwind Causing Build Fail

[ts-geek22]

What happened?

Writing webkit CSS with tailwind CSS is causing a build failure.

Here is the content from my globals.css file:

@layer utilities {
  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: hsl(var("--background"));
  }

  ::-webkit-scrollbar-thumb {
    background: #272727;
    border-radius: 100vh;
  }
} 

Commenting out this code works fine.

Version

Latest

What OS are you seeing the problem on?

Linux

What browsers are you seeing the problem on?

Chrome

Relevant log output

Logs were generating too much CSS content and the original error was not even printed in the terminal window due to length.

(OPTIONAL) Contribution

• [ ] I would like to fix this BUG via a PR

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate problems.