The @ has already special meaning in CSS.
I can't remember to see the $ in CSS. So this could have been a possibility.
But CSS custom properties are a bit more then just plain variables in SASS or LESS. Maybe they want to distance themselves from $ therefore.
I think that the kebab style looks nice and consistent. :)