fix app provider stories (#9278)

Remerging #9264  into v11.x.x to fix bad rebase

Co-authored-by: kyledurand <kyle.durand@shopify.com>

Author: 2 people

polaris-react/src/components/AppProvider/AppProvider.stories.tsx

@@ -3,7 +3,6 @@ import type {Args, ComponentMeta} from '@storybook/react';
 import {
   AppProvider,
   Avatar,
-  Box,
   Button,
   LegacyCard,
   AlphaCard,
@@ -12,15 +11,14 @@ import {
   Text,
   VerticalStack,
 } from '@shopify/polaris';
-import {useFeatures} from '@shopify/polaris/utilities/features';
 
 export default {
   component: AppProvider,
   args: {omitAppProvider: true},
   parameters: {layout: 'fullscreen'},
 } as ComponentMeta<typeof AppProvider>;
 
-export function Default() {
+export function Default(_, context) {
   return (
     <AppProvider
       i18n={{
@@ -39,6 +37,9 @@ export function Default() {
           },
         },
       }}
+      features={{
+        polarisSummerEditions2023: context.globals.polarisSummerEditions2023,
+      }}
     >
       <Page>
         <LegacyCard>
@@ -80,7 +81,7 @@ export function Default() {
   );
 }
 
-export function WithI18n() {
+export function WithI18n(_, context) {
   return (
     <AppProvider
       i18n={{
@@ -99,6 +100,9 @@ export function WithI18n() {
           },
         },
       }}
+      features={{
+        polarisSummerEditions2023: context.globals.polarisSummerEditions2023,
+      }}
     >
       <Page>
         <LegacyCard>
@@ -140,7 +144,7 @@ export function WithI18n() {
   );
 }
 
-export function WithLinkComponent() {
+export function WithLinkComponent(_, context) {
   const CustomLinkComponent = ({children, url, ...rest}) => {
     return (
       <a
@@ -154,7 +158,13 @@ export function WithLinkComponent() {
   };
 
   return (
-    <AppProvider linkComponent={CustomLinkComponent} i18n={{}}>
+    <AppProvider
+      linkComponent={CustomLinkComponent}
+      i18n={{}}
+      features={{
+        polarisSummerEditions2023: context.globals.polarisSummerEditions2023,
+      }}
+    >
       <Page
         backAction={{content: 'Products', url: '#'}}
         title="Jar With Lock-Lid"
@@ -169,7 +179,6 @@ export function WithLinkComponent() {
 export const WithSummerEditionsFeature = {
   render: (_args: Args, {globals: {polarisSummerEditions2023}}) => {
     const CheckFeature = () => {
-      const {polarisSummerEditions2023} = useFeatures();
       return (
         <AlphaCard>
           <VerticalStack gap="4">