feat: Add support for transition shorthand

[tomekzaw]

Summary

This PR adds support for CSS transition property shorthand to create transitions with a single line of code using just a single property.

Test plan

Source code

import React, { useReducer } from 'react';
import { Button, StyleSheet, View } from 'react-native';
import Animated, { steps } from 'react-native-reanimated';

export default function EmptyExample() {
  const [state, toggleState] = useReducer((s) => !s, false);

  return (
    <View style={styles.container}>
      <Animated.View
        style={{
          width: state ? 200 : 100,
          height: state ? 200 : 100,
          transform: [{ rotate: state ? '45deg' : '0deg' }],
          transitionTimingFunction: steps(5), // overridden by the shorthand
          backgroundColor: 'red',
          transition:
            'all 0.5s 0.1s steps(4), height 1s 1.5s ease-out, boxShadow 2s ease-in',
          transitionDuration: 1000, // overrides the shorthand
        }}
      />
      <Button title="Toggle width" onPress={toggleState} />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});