Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

2.18.1

Current Behavior

svg attribute viewBox is converted to lowercase if generated inside a functional component

Expected Behavior

viewBox to not render as viewbox

Steps to Reproduce

export const SvgTest: FunctionalComponent<any> = () => {
  return (
    <svg
      xmlns='http://www.w3.org/2000/svg'
      viewBox='0 0 24 24'
    >
    </svg>
  )
}

when rendered will result in

<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24'></svg>

Code Reproduction URL

n/a

Additional Information

there's a previous issue (#1847) that illustrates the problem. This looks to be a regression since then.