I have a custom
Paragraph component that sets different text sizes based on the responsive breakpoint. It’s just a stack with a slot for the children, and the default child is a text element.
However, I want that default child text element to be a
<p> tag - but doing so causes the default
<p> font sizes to override those of the responsive variants.
Is there a solution to this? I’ve tried applying the breakpoint styles to the slot container, as well as directly to the child element - to no avail.