Function that transforms tw string to CSS rules object?

[piscopancer]

I want to use classes inside my config like so

plugins: [
  plugin(({ addUtilities }) => {
    addUtilities({
      '.fancy': twToObject('bg-red-100 text-red-500 font-semibold'),
    })
  }),
],

So I need a function like above. I wonder if tailwind has such function internally which i can use in my code too

[wongjn]

You could use @apply as you would in CSS:

plugins: [
  plugin(({ addUtilities }) => {
    addUtilities({
      '.fancy': {
         '@apply bg-red-100 text-red-500 font-semibold': {},
      },
    })
  }),
],

Though Adam Wathan, the creator of Tailwind, does not recommend this: #11012 (reply in thread).

[piscopancer]

@wongjn father of tailwind may not recommend it, but still i see it as a way to go, thanks!