<Heading level="2">will render an h2 element. If you need the semantics to be different from the visuals, you can provide the desired HTML tag via the component prop.
<Heading data={{ testid: 'heading-1' }} // => data-testid="heading-1" > ... </Heading>