Column resizing with header groups no longer works

[romefar]

material-react-table version

1.8.3

react & react-dom versions

18.2.0

Describe the bug and the steps to reproduce it

Resizing doesn't work if you have header groups.
Open the first sandbox and try to resize any column/group of columns.

I was able to find out that the resizing with header groups is not working in version 1.7.4 and above.

Minimal, Reproducible Example - (Optional, but Recommended)

Sandbox with the latest version (1.8.3) - https://codesandbox.io/s/resize-doesnt-work-with-groups-eq7k2i?file=/src/TS.tsx
Sandbox with version 1.7.3 - https://codesandbox.io/s/resize-doesnt-work-with-groups-old-version-smbq2p?file=/src/TS.tsx

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[romefar]

The issue might be related to CSS variables, since it cannot find the right one for the header (see the image below).
The was a change to CSS variables naming in version 1.7.4: 1.7.4 changes for CSS naming