If you dislike walls of class names, you could consider using Tachyon's style abbreviations like we do in Truss:
`<div css={Css.mx2.black.ifSm.mx1.$}>...</div>;`
That must be one of the most horrid things I've ever seen done to CSS.
Definitely use whatever you like, but just like vim bindings, which look "omg wtf" to newbies but then become "cannot live without" once you learn them, once you learn the Tachyons-style abbreviations, I/we find that they fade into the background/become 2nd nature, and the succinctness ROI is worth it.
But happy to have you disagree/stick with TW.