Firefox transform-origin on SVG still broken

When we apply a 2D CSS rotation to an SVG shape in Firefox (I'm on 63.0.1 - latest version), it gets misaligned. There are plenty of questions on this topic, eg. Setting transform-origin on SVG group not working in FireFox

I'm not seeing it as fixed, but perhaps I'm missing something. Best to look at my CodePen first: https://codepen.io/MSCAU/pen/GwozbO

Here's the gist of it:

circle {
  fill: none;
  transform-origin: center;
  // transform-origin: 6px 6px;  /* Makes no difference */
  // transform-box: fill-box;    /* Makes no difference */
}
circle:nth-child(1) {
  stroke: red;
  stroke-width: 2;
}
circle:nth-child(2) {
  stroke: blue;
  stroke-width: 1;
  transform: rotate(-90deg);
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="120" height="120">
  <circle cx="6" cy="6" r="5"/>
  <circle cx="6" cy="6" r="5"/>
</svg>