fix(compability): add polyfill and change styles (#706)

.babelrc

@@ -7,7 +7,13 @@
     "@babel/plugin-proposal-json-strings"
   ],
   "presets": [
-      "@babel/preset-env",
+      [
+        "@babel/preset-env",
+        {
+          "useBuiltIns": "entry",
+          "corejs": "3.12"
+        }
+      ],
       "@babel/preset-react"
   ]
-}
+}

bin/transferSass.js

@@ -1,4 +1,4 @@
-const sass = require('node-sass');
+const sass = require('sass');
 const fs = require('fs');
 const path = require('path');
 

package.json

@@ -89,6 +89,7 @@
     "chai-spies": "^1.0.0",
     "commitizen": "2.9.6",
     "concurrently": "^2.1.0",
+    "core-js": "^3.12.1",
     "cpy-cli": "^3.1.1",
     "cz-conventional-changelog": "^3.1.0",
     "enzyme": "^2.3.0",
@@ -114,7 +115,6 @@
     "mocha": "^8.1.3",
     "mocha-each": "^2.0.1",
     "mocha-jsdom": "^2.0.0",
-    "node-sass": "^4.13.1",
     "npm-run-all": "^4.1.5",
     "postcss-nested": "^4.2.1",
     "postcss-simple-vars": "^5.0.2",
@@ -132,6 +132,7 @@
     "rollup-plugin-sass": "^1.2.2",
     "rollup-plugin-stylelint": "1.0.0",
     "rollup-plugin-url": "^3.0.1",
+    "sass": "^1.34.0",
     "semantic-release": "^17.0.4",
     "snazzy": "^2.0.1",
     "standard": "^5.2.2",

src/index.js

@@ -22,6 +22,9 @@ import { generateUUID } from './utils/uuid';
 import baseCss from './index.scss';
 import { generateTooltipStyle } from './decorators/styler';
 
+/* Polyfill */
+import 'core-js/modules/es.array.find';
+
 @staticMethods
 @windowListener
 @customEvent
@@ -191,6 +194,7 @@ class ReactTooltip extends React.Component {
     switch (parentNode.constructor.name) {
       case 'Document':
       case 'HTMLDocument':
+      case undefined:
         domRoot = parentNode.head;
         break;
       case 'ShadowRoot':