How do I use plugins to set default list style?

I’m using a third-party component which renders <ul><li>Stuff in here</li></ul> with no classes or id associated. I wanted to set the default list style that tailwind erases in base style to disc.

I tried doing this:

plugins: [({ addUtilities }) => addUtilities({ 'ul > li': { listStyleType: 'disc' } })],

But I must be misunderstanding how to use these methods because this and everything I’ve tried have not worked.

Am I on the right track or way off? What am I missing? (using 1.7.0)

[fvanwijk]

You can do import 'twin.macro'; if you are using tw as prop instead of template function

[tettoffensive]

Turns out to be an import issue. I had never used the syntax tw="my-class" before. Always did css={tw`my-class`} (because I didn’t know about the former).

In either case, I must import tw from 'twin.macro'; for the classes to be applied. I didn’t notice because there’s no complaint of missing import when using tw=

But when using tw= and import tw from 'twin.macro'; TypeScript does complain that 'tw' is declared but its value is never read.ts(6133).

(Hope that wasn’t too confusing)