SOLUTION: Transparent header background / overlapping text

For anyone else using Vite (Vite 8 uses Lightning CSS as the default CSS minifier automatically) that is encountering the "transparent header background / data text overlapping header text" in react-data-grid, like this:

I simply added this CSS:

.rdg-header-row > .rdg-cell {
background-color: #f9f9f9;
}

to once again get the desired look:

NOTE: I had tried the following in my vite.config.js, but that caused my server build to fail.

build: {
....,
cssMinify: 'esbuild'
}