Tweet root/container margin cannot be overridden

[MobinAskari]

I'm using Tailwind v4 and no matter what I do, I cannot override the margin of the root class that gets applied to the container:

react-tweet/packages/react-tweet/src/twitter-theme/tweet-container.tsx

Line 9 in d72b101

<div className={clsx('react-tweet-theme', s.root, className)}>

react-tweet/packages/react-tweet/src/twitter-theme/tweet-container.module.css

Line 13 in d72b101

margin: var(--tweet-container-margin);

Is it possible for you guys to remove the margin and let the user style their own container?.
Thanks in advance

[brennanmceachran]

It appears v4 has no intention of working with css-modules so I'm not sure there's very many work arounds.

Here's what seems to be working for me... You'll probably hate them as much as me.

1. Slam ! after every class, including any inline variable setting:

<... className="[--tweet-body-font-size:1rem]! [--tweet-body-font-weight:normal]! [--tweet-body-line-height:1.1]! [--tweet-border:none]! [--tweet-container-margin:0]!" />

2. Add variable declariations in your global stylesheet, eg for me:

.react-tweet-theme {
  --tweet-container-margin: 1.5rem auto;
}

TBH, this feels more like a tailwind problem, but wanted to add this here for the next guy.
I've been having to do these same tricks for a lot of deps as I upgrade.