Replace raf package with requestAnimationFrame (#3644)

* Replace raf package with requestAnimationFrame

Not polyfilled requestAnimationFrame already used here
https://github.com/JedWatson/react-select/blob/master/packages/react-select/src/animated/transitions.js#L88

`animatedScrollTo` is never called in node so polyfilling for node does
not make sense too.

This removed two commonjs packages from user bundlers: raf and
performance-now.

* Update odd-pots-smile.md

Author: TrySound

.changeset/odd-pots-smile.md

@@ -0,0 +1,5 @@
+---
+"react-select": patch
+---
+
+Remove usage of `raf` package and replace with `window.requestAnimationFrame` because React already depends on `requestAnimationFrame`

packages/react-select/package.json

@@ -18,7 +18,6 @@
     "@emotion/css": "^10.0.9",
     "memoize-one": "^5.0.0",
     "prop-types": "^15.6.0",
-    "raf": "^3.4.0",
     "react-input-autosize": "^2.2.2",
     "react-transition-group": "^2.2.1"
   },

packages/react-select/src/utils.js

@@ -1,6 +1,5 @@
 // @flow
 
-import raf from 'raf';
 import { type ElementRef } from 'react';
 import type {
   ClassNamesState,
@@ -176,7 +175,7 @@ export function animatedScrollTo(
     const val = easeOutCubic(currentTime, start, change, duration);
     scrollTo(element, val);
     if (currentTime < duration) {
-      raf(animateScroll);
+      window.requestAnimationFrame(animateScroll);
     } else {
       callback(element);
     }