Unintended css naming conventions? or missing classes in scss

[Zryru]

Environment

"@nativescript/core": "~8.0.0", "@nativescript/theme": "~3.0.1",

Describe the bug Unable to use classes in scss like btn-rounded-lg, but just -rounded-lg works.

e.g. Button.-rounded-lg found in _nodemodules/@nativescript/theme/css/core.css

but in _nodemodules/@nativescript/theme/css/core.compat.css what is found is: .btn-rounded-lg

To Reproduce import theme default

@import '~@nativescript/theme/core';

@import '~@nativescript/theme/default';

<Button class="-rounded-lg"></Button>

Expected behavior

@import '~@nativescript/theme/core';

@import '~@nativescript/theme/default';

usage of class btn-rounded-lg to work as in previous versions

<Button class="btn-rounded-lg"></Button>

while -rounded-lg not an intended usage? <Button class="-rounded-lg"></Button>