Hover Transition issue if there's no animation present

[andeng1106]

Describe the bug

• If there's no animations present, the hover transition/animations would not show up.

• Started to happen on 3.12.9. Related to this issue: Only load the inline script for animations if needed #3006

• If only hovered transition is applied (no animations present), this doesn't show up:

<script>requestAnimationFrame(() => document.body.classList.add( "stk--anim-init" ))</script>

To Reproduce
Steps to reproduce the behavior:

1. Add a new page
2. Add a Heading block (or any block)
3. Add Text Color on both normal state and hovered state
4. Make sure no animations are present (e.g. motion effects, etc.)
5. Save page and view frontend
6. See that the hover transition is not smooth (issue)
7. Add animations on the Heading block (e.g. motion effects, etc.)
8. Repeat step 5
9. See that hover transition is smooth

Expected behavior
Hover transition animation should still work if there's no other animations present

Screenshots

hover.transition.animation.issue.mov