Как установить начальную позицию при использовании svg-animate для установки свойства CSS элемента svg-text?

Я хочу использовать svg-animate для анимации свойств CSS элемента svg-text. Я могу заставить анимацию работать нормально, однако начальная позиция CSS является стилем по умолчанию, а не стилем первого ключевого кадра.

Код ниже иллюстрирует проблему:

<svg id="foo" width="500">
  <text x="0" y="100" style="fill: white;">
    Some Text
  </text>
</svg>
<svg>
  <animate 
    xlink:href="#foo"
    attributeType="CSS" 
    attributeName="font-size" 
    values="100px; 0px" 
    keyTimes="0; 1" 
    dur="1s" 
    begin="2s"
    fill="freeze" />
</svg>

Ожидаемое и желаемое поведение состоит в том, чтобы элемент svg-text изначально отображался как 100 пикселей, подождал 2 секунды, затем сжался до 0 пикселей в течение 1 секунды. Вместо этого элемент svg-text изначально отображается как размер шрифта по умолчанию (~ 14 пикселей), ждет 2 секунды, переходит на 100 пикселей, а затем сжимается до 0 пикселей.

Если вы измените приведенный выше код, чтобы установить размер шрифта элемента svg-text ...

  <text x="0" y="100" style="font-size: 100px; fill: white;">
    Some Text
  </text>

... у вас другая проблема. Теперь элемент svg-text изначально отображается на 100 пикселей, а затем не может быть анимирован. Стиль полностью заменяет анимацию. В этом примере кода используется размер шрифта, но вы столкнетесь с той же проблемой, пытаясь анимировать любой стиль CSS.

Кстати, мне конкретно нужно анимировать с помощью svg-animate, а не анимации перехода CSS, потому что я хочу объединить эту анимацию с анимацией svg-filter (не показанной в этом примере кода).