Tailwind v2 support

[ben-rogerson]

Update:
Now that we're through these Tailwind changes, I'm now making some tweaks to twin before it also receives a version 2.
If all goes smoothly, you can expect a twin.macro v2 this weekend (around 2nd Dec) 🎉

---

Tailwind has released a bunch of new or updated features that Twin needs to catch up with.

I'll be making some other changes at the same time and we'll have a Twin v2 release by the end of it 🥳

I've bagged some of the more difficult updates but if you want to help out with a PR, just sing out and I'll reserve the update for you.

Easy

• Add transform-gpu to force hardware acceleration on transforms when desired
  Thanks soilSpoon (Add transform-gpu and transform-none #200)

• Add overflow-ellipsis and overflow-clip utilities (Docs)
  Thanks alessbell (Add overflow-ellipsis and overflow-clip text overflow utilities #202)

• Namespace all internal custom properties under tw- to avoid collisions with end-user custom properties
  Ben did this (Add css variable prefixes #201)

• Rename whitespace-no-wrap to whitespace-nowrap
  Rename flex-no-wrap to flex-nowrap
  Thanks Crisis2010 (Rename whitespace-no-wrap to whitespace-nowrap and flex-no-wrap to flex-nowrap #195)

• Remove clearfix utility
  Thanks Crisis2010 (Remove clearfix utility #193)

• Remove scrolling-touch and scrolling-auto utilities
  Thanks Crisis2010 (Remove scrolling-touch and scrolling-auto utilities #194)

• Use [hidden] elements within space- and divide- utilities instead of template elements
  Thanks Crisis2010 (Use [hidden] instead of template in space/divide utilities #196)

• Change special use of 'default' in config to 'DEFAULT'
  Ben did this (8abbd36)

• Rename dark to darkMode in tailwind.config
  Ben did this (d3113de)

• Extend default spacing scale
  Tests need to be added for the new/updated config items like spacing, inset, height, grid, fontSize, screen, maxWidth, opacity etc
  Ben did this (caf91fe)

Over easy 🍳

• Remove shadow-outline, shadow-solid, and shadow-xs by default in favor of new ring API
  Ben did this (caf91fe)

• Added new ring utilities for creating outline/focus rings using box shadows (+879f088)
  Ben did this (Add new ring classes #204)

• Make theme retrieve the expected resolved value when theme value is complex
  Support defining theme values using arrays for CSS properties that support comma separated values
  Ben's did this (Add theme import smart returns #205)

• Add support for default duration and timing function values whenever enabling transitions
  Ben did this (Add default transition #199)

If you need to reference the new output, you can check the tailwindcss v2 output here (large file warning).

[alessbell]

👋 Thanks for your work on this! I should have time to pick up a task or two once they're split out.

[eddiewang]

same here! working deeply with the twin.macro library so happy to help out if there's low hanging fruit.

[ben-rogerson]

I've now updated the task list, let me know if you want to bag any of the tasks.

[michaelpanik]

Hey @ben-rogerson I use twin.macro daily now, would love to contribute on some of these.

[ben-rogerson]

Hey @ben-rogerson I use twin.macro daily now, would love to contribute on some of these.

Great to hear that!
Looks like there are two baggable features left at the top.

[pix2D]

I have nothing to add to this particular issue, but I just wanted to take a moment to thank you for all your hard work @ben-rogerson. This library is truly enjoyable to use. Rock on. 🥇

[ayox]

Thank you @ben-rogerson for your amazing work, I have been enjoying myself building stuff using this library.

[ben-rogerson]

Thanks to everyone that helped out with the updates + big thanks to my new sponsor @pix2D

I'm now making some tweaks to twin before it also receives a version 2.
If all goes smoothly, you can expect a twin.macro v2 this weekend (around 2nd Dec) 🎉