Post

Forgot to mention: this shipped in @sugarcube.sh last week! No more back-and-forth between sugarcube and utopia.fyi. Thanks to @arpit.codes for helping push me to actually implement this. Check out the fluid space & type docs for more:

sugarcube.shFluid Space & TypeDesign tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.

Mark Tomlinson@marktomlinson.dev

Utopia.fyi but in your tokens indeed.

Markus Finell

@finell.dev

3 June

The type.json is new right? Do I need to update sugarcube to use it?

Mark Tomlinson

@marktomlinson.dev

3 June

Yeah, you'll need at least @sugarcube-sh/cli@0.1.13 to use it. Or at least @sugarcube-sh/vite@0.1.14, if you're using the plugin.

Markus Finell

@finell.dev

3 June

And does it replace the previous size.json -> size.step.[-1, -2, 0, 1 etc.]?

Mark Tomlinson

@marktomlinson.dev

3 June

Do you mean whether the generated var names would line up with your existing --size-step-* CSS?

Markus Finell

@finell.dev

Well it doesn't have to line up exactly since the previous setup was manual. But I'm assuming type.json replaces the size.json for setting up sizes?

3/6/26, 6:23 am0 reposts1 like

Mark Tomlinson

@marktomlinson.dev

3 June

Oh yes, absolutely. Just replace your current tokens in size.json with a recipe instead and you'll be golden. No need for a type.json file at all. In fact, I'll update the docs to remove that confusion!