Hide Scrollbar - Tailwind CSS 4.0

@import "tailwindcss";
@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

Then add no-scrollbar to div

<div className="flex text-white overflow-y-auto no-scrollbar"></div>