Support non-semantic header option

[blackfalcon]

Is your feature request related to a problem? Please describe.

While reviewing pages for SEO and a11y, I have encountered a few examples where auro-header is being used for presentational use and incorrectly using heading tags within content where it is not necessary.

For example, while it can be argued that the passenger content could be a heading element, it is pretty understandable that the x2 should NOT be a header. See the following screen shot.

Here is the current HTML for this UI

<div class="number-of-passenger svelte-dib9pa">
  <auro-header body="LG" display="300" data-shadow-root="shadow-root-57">Passengers</auro-header> 
  <div>
    <auro-header body="LG" display="300" data-shadow-root="shadow-root-58">x2</auro-header>
  </div>
</div>

Describe the solution you'd like

Users should be allowed to generate a visually appealing header, but also sans the forced semantic HTML when not needed.

This will allow for fewer issues regarding page SEO and reduce complexity when content is read back to users of assistive technologies.

Describe alternatives you've considered

Leave as is. But the cost of not making this update will continue to cause issues with page SEO and assistive technologies.

Additional context

n/a

Exit criteria

This issue can be closed once there is a solution allowing users to select a non-semantic option while maintaining the expected visual experience.