No styling hooks for different parts of the datatable

[Prophetess]

(REQUIRED) Include one or more screenshots if applicable, as well as a Codepen with the reduced test case.

Describe the issue. Is it a bug or a feature request (new component, new icon, new CSS class)?

The styles of the datatable now seem to be using the global styling hooks instead of component specific styling hooks. For example, the header color and the hover color are both using the global hook --slds-g-color-neutral-base-95 as in the order shown in the screenshots above. I can no longer change the color of one without changing the other.

Is this issue related to a specific component, variant, and/or state? If so, please detail which.

Datatable

Are any specific browsers impacted by this bug?

All

Which version of the Salesforce Lightning Design System are you using?

Winter '24

What steps and/or code are needed to reproduce this issue?

Render a lightning datatable with

:host {
    --lwc-tableColorBackgroundHeader: var(--lwc-colorGray1, #ffffff);
}

What did you expect to happen?

Background header is white

What actually happened?

Background header is still grey