className registered twice for Heading3

[yunwu28]

Describe the bug

className registered twice for Headings

Steps to reproduce

• Add className to Heading4

  <Heading4 className="class-name">{content}</Heading4>

• try to find the component in test via component.find(".class-name");

Expected behaviour

Finds the dom node once (but it actually finds it twice)

Actual behaviour:

<h4 class="Text-sc-15glbbx-0 Headings__Heading4-sc-7kwh7g-3 kMFrgD class-name class-name">content</h4>

Is your team blocked from moving forward by the bug?

No. Our workaround is:

<Heading4 mb="0">
  <span className="class-name">{content}</span>
</Heading4>

Who would you like to fix the bug?

• [ ] Myself
• [X] DesignOps

When do you need this by?

N/A since we have a workaround

Helpful resources

No response

Additional context

No response