Use global styles (#7659)

Alternate solution to #7554

Author: kyledurand

.changeset/wise-rockets-pump.md

@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Added global styles from deps instead of linking unpkg

polaris.shopify.com/pages/_app.tsx

@@ -4,6 +4,7 @@ import Script from 'next/script';
 import {useEffect} from 'react';
 import {useRouter} from 'next/router';
 import useDarkMode from 'use-dark-mode';
+import '@shopify/polaris/build/esm/styles.css';
 
 import {className} from '../src/utils/various';
 import Frame from '../src/components/Frame';

polaris.shopify.com/src/components/PolarisExampleWrapper/PolarisExampleWrapper.tsx

@@ -3,14 +3,10 @@ import translations from '@shopify/polaris/locales/en.json';
 import {ComponentType} from 'react';
 import styles from './PolarisExampleWrapper.module.scss';
 
-const stylesheetHref =
-  'https://unpkg.com/@shopify/polaris@latest/build/esm/styles.css';
-
 export const withPolarisExample = (Component: ComponentType) => {
   const PolarisHOC = (props: any) => {
     return (
       <>
-        <link rel="stylesheet" href={stylesheetHref} />
         <AppProvider i18n={translations}>
           <div className={styles.Container}>
             <div id="polaris-example" className={styles.Example}>