This is re-opening [this issue](https://github.com/facebook/react/issues/11265), which is likely too stale to get eyes on it

React version: 18

## Steps To Reproduce

1. Go [to this JS fiddle](https://jsfiddle.net/gjb1dxro/)
2. Inspect console to see error about `transform-origin` being invalid

## The current behavior

`transform-origin` is not recognized as a valid attribute

## The expected behavior

`transform-origin` should be recognized as a valid attribute.

From the previous issue, I wrote:

> transform-origin is now a proper SVG attribute ([seen here](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform-origin)), spec references below). I believe this is worth re-opening (and investigating whether there are other missing SVG attributes)

My understanding of the SVG spec reference above is that we should consider this to be valid now.
muted: 'muted',
  name: 'name',
  nomodule: 'noModule',
  nonce: 'nonce',
  novalidate: 'noValidate',
  open: 'open',
  optimum: 'optimum',
  pattern: 'pattern',
  placeholder: 'placeholder',
  playsinline: 'playsInline',
  poster: 'poster',
  preload: 'preload',
  profile: 'profile',
  radiogroup: 'radioGroup',
  readonly: 'readOnly',
  referrerpolicy: 'referrerPolicy',
  rel: 'rel',
  required: 'required',
  reversed: 'reversed',
  role: 'role',
  rows: 'rows',
  rowspan: 'rowSpan',
  sandbox: 'sandbox',
  scope: 'scope',
  scoped: 'scoped',
  scrolling: 'scrolling',
  seamless: 'seamless',
  selected: 'selected',
  shape: 'shape',
  size: 'size',