feat(react-motions): add createTransition() factory

[layershifter]

New Behavior

Adds createTransition() factory to animate transitions (in/out) using motion atoms defined for Web Animations API.

Usage

import { createTransition, transitions } from '@fluentui/react-motions-preview'

const Fade = createTransition(transitions.fade.slow());

function App() {
  const [visible, setVisible] = React.useState(false);

  return (
    <Fade visible={visible}>
      <div />
    </Fade>
  )
}

Related Issue(s)

Related to #29821.

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 8cb0e0373f04d3130354a1c4d0993260816b6ef9}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit b35d268:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: abb2dc5195c3e36c0f80e1a7fd4a7ebbdcb01f10 (build)