Extract CSS Object from Tailwind classes

tailwind-to-css.js

import { create } from 'https://cdn.skypack.dev/twind'
const { tw: TW } = create({ preflight: false })

const tw = (...tokens) => {
  let styles

  TW(({ css }) => {
    styles = css(...tokens)
    styles._ = undefined
    return ''
  })

  return styles
}

console.log('styles', tw('text-white'))
console.log('styles', tw`text-white bg-black`)
console.log('styles', tw`text-white bg-black`)

This function supports all the advanced Twind syntax like grouping, CSS helper, tailwind extensions.