Remove emotion-rgba from dependencies and codebase

Author: eschutho

superset-frontend/package-lock.json

@@ -132,7 +132,6 @@
     "dom-to-image-more": "^3.6.0",
     "dom-to-pdf": "^0.3.2",
     "echarts": "^5.6.0",
-    "emotion-rgba": "0.0.12",
     "eslint-plugin-i18n-strings": "file:eslint-rules/eslint-plugin-i18n-strings",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",

superset-frontend/package.json

@@ -17,7 +17,7 @@
  * under the License.
  */
 /* eslint-env browser */
-import { rgba } from 'emotion-rgba';
+import tinycolor from 'tinycolor2';
 import Tabs from '@superset-ui/core/components/Tabs';
 import { t, css, SupersetTheme, useTheme } from '@superset-ui/core';
 import { useSelector } from 'react-redux';
@@ -68,7 +68,8 @@ const BuilderComponentPane = ({ topOffset = 0 }) => {
           position: absolute;
           height: 100%;
           width: ${BUILDER_PANE_WIDTH}px;
-          box-shadow: -4px 0 4px 0 ${rgba(theme.colorBorder, 0.1)};
+          box-shadow: -4px 0 4px 0
+            ${tinycolor(theme.colorBorder).setAlpha(0.1).toRgbString()};
           background-color: ${theme.colorBgBase};
         `}
       >

superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx

@@ -28,7 +28,7 @@ import {
 } from '@superset-ui/core';
 import { Button } from '@superset-ui/core/components';
 import { OPEN_FILTER_BAR_WIDTH } from 'src/dashboard/constants';
-import { rgba } from 'emotion-rgba';
+import tinycolor from 'tinycolor2';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import { getFilterBarTestId } from '../utils';
 
@@ -73,7 +73,7 @@ const verticalStyle = (theme: SupersetTheme, width: number) => css`
   padding-top: ${theme.sizeUnit * 6}px;
 
   background: linear-gradient(
-    ${rgba(theme.colorBgLayout, 0)},
+    ${tinycolor(theme.colorBgLayout).setAlpha(0).toRgbString()},
     ${theme.colorBgContainer} 20%
   );