translate-y not working with transform, as transform seems to reset translate value

[eburi]

Hi,

I'm using transform -translate-y-6, but in Chrome Version 85.0.4183.121 (Official Build) (64-bit) it looks like the transform-class is applied after the -translate-y-6 and the default values of transform override the translate-y-Variable:

If I manually disable the line --transform-translate-y: 0; in the Dev-Tools, the translate works as expected.

My code:

      <div class="h-10 w-10 transform -translate-y-6">
        <cc-chevron-right-icon></cc-chevron-right-icon>
      </div>