feat(preset-wind): themable animation

[userquin]

This PR adds animation entry on Theme to allow add/modify animate stuff on preset-wind.

The keyframes entry with this PR should be plain string, maybe we can change it to support also object.

For example, configuring the animation from the linked issue:

export default defineConfig({
  theme: {
    animation: {
      keyframes: {
        wiggle: '{0%,100% {transform:rotate(-3deg)} 50% {transform:rotate(30deg)}}'
      },
      durations: {
        wiggle: '1s'
      },
      timingFns: {
        wiggle: 'ease-in-out'
      }
    }
  }
})

closes #315

[netlify]

✔️ Deploy Preview for ecstatic-mestorf-2e8afd ready!

🔨 Explore the source changes: b27cc6f

🔍 Inspect the deploy log: https://app.netlify.com/sites/ecstatic-mestorf-2e8afd/deploys/61c7ea202e61fa00084f5c04

😎 Browse the preview: https://deploy-preview-318--ecstatic-mestorf-2e8afd.netlify.app/

[userquin]

Adding keyframes as record...

[userquin]

Now we can also configure keyframes using object style:

export default defineConfig({
  theme: {
    animation: {
      keyframes: {
        wiggle2: {
          '0%,100%': {
            transform: 'rotate(-3deg)'
          },
          '50%': {
            transform: 'rotate(30deg)'
          }
        },
        // or
        wiggle: '{0%,100% {transform:rotate(-3deg)} 50% {transform:rotate(30deg)}}'
      },
      durations: {
        wiggle2: '1s',
        wiggle: '1s'
      },
      timingFns: {
        wiggle2: 'ease-in-out',
        wiggle: 'ease-in-out'
      }
    }
  }
})

[userquin]

fixing it... nothing to fix, the example above was wrong