Unintended css naming conventions? or missing classes in scss #290

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 node_modules/@nativescript/theme/css/core.css

but in node_modules/@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>