feat(legacy-preset-big-number): use emotion styling

packages/superset-ui-demo/.storybook/preview.js

@@ -6,11 +6,13 @@ import sequentialD3 from '@superset-ui/color/esm/colorSchemes/sequential/d3';
 import { configure } from '@superset-ui/translation';
 import { getCategoricalSchemeRegistry, getSequentialSchemeRegistry } from '@superset-ui/color';
 import { getTimeFormatterRegistry, smartDateFormatter } from '@superset-ui/time-format';
+import themeDecorator from "./themeDecorator"
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './storybook.css';
 
 addDecorator(jsxDecorator);
+addDecorator(themeDecorator);
 
 addParameters({
   options: {

packages/superset-ui-demo/.storybook/themeDecorator.js

@@ -0,0 +1,10 @@
+// themeDecorator.js
+import React from "react"
+import { ThemeProvider } from 'emotion-theming';
+import { supersetTheme } from '@superset-ui/style';
+
+const ThemeDecorator = storyFn => (
+  <ThemeProvider theme={supersetTheme}>{storyFn()}</ThemeProvider>
+)
+
+export default ThemeDecorator

packages/superset-ui-style/README.md

@@ -27,3 +27,5 @@ class App extends React.Component {
   }
 }
 ```
+
+Note: the `ThemeProvider` is already included in the project's `Storybook` (as a decorator) meaning you should be able to apply/view any new Emotion-based theme attributes and see them reflected in the storybook without any additional setup.