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.
case OVERLOADED_BOOLEAN:
        return value === false;
      case NUMERIC:
        return isNaN(value);
      case POSITIVE_NUMERIC:
        return isNaN(value) || (value: any) < 1;
    }
  }
  return false;
}
export function getPropertyInfo(name: string): PropertyInfo | null {
  return properties.hasOwnProperty(name) ? properties[name] : null;
}
function PropertyInfoRecord(
  name: string,
  type: PropertyType,
  mustUseProperty: boolean,
  attributeName: string,
  attributeNamespace: string | null,
  sanitizeURL: boolean,
  removeEmptyString: boolean,
) {
  this.acceptsBooleans =
    type === BOOLEANISH_STRING ||
    type === BOOLEAN ||
    type === OVERLOADED_BOOLEAN;
  this.attributeName = attributeName;
  this.attributeNamespace = attributeNamespace;
  this.mustUseProperty = mustUseProperty;
  this.propertyName = name;