Correctly parse and prefix animation names with dots

[vitorrd]

Fixes #7149.

Adds prefix alone to animation names, such that the parser does not run on the rest of the identifier, possibly damaging class names like "zoom-1.5".
Although tests still pass, care must be taken as this effectively disables previous [albeit similar] behavior.

[adamwathan]

Hey thanks! I'm having a bit of a hard time seeing the issue really clearly though — there's gotta be a test we could write that would fail without this being merged that would make it clearer?

Is the issue just that things break when you include a . in an animation name? If so we should be able to add a test for that.

[thecrypticace]

The issue is that it would generate the following invalid CSS as the dot has to be escaped and not the 5:

@keyframes zoom-1.\35 {
  to {
    transform: scale(1.5);
  }
}
.animate-zoom-1\.5 {
  animation: zoom-1.\35 2s;
}

Additionally, when a prefix was configured the behavior was even weirder:

@keyframes tw-zoom-1.tw-5 {
  to {
    transform: scale(1.5);
  }
}
.tw-animate-zoom-1\.5 {
  animation: tw-zoom-1.tw-5 2s;
}

[thecrypticace]

Appreciate you taking the time to figure this one out! 🎉