✨(react) add Toast component

This component allows to create dynamic Toast appearing at the bottom
of the screen for few seconds.

packages/react/src/components/Toast/tokens.ts

@@ -0,0 +1,13 @@
+import { DefaultTokens } from "@openfun/cunningham-tokens";
+
+export const tokens = (defaults: DefaultTokens) => {
+  return {
+    "slide-in-duration": "1000ms",
+    "slide-out-duration": "300ms",
+    "background-color": defaults.theme.colors["greyscale-100"],
+    color: defaults.theme.colors["greyscale-900"],
+    "font-weight": defaults.theme.font.weights.regular,
+    "icon-size": defaults.theme.font.sizes.l,
+    "progress-bar-height": "3px",
+  };
+};