fix: overflow menu with 3 level nested options display issue (#18462)

Author: preetibansalui

packages/react/src/components/OverflowMenu/OverflowMenu.featureflag.stories.js

@@ -78,7 +78,12 @@ export const Nested = () => {
         <MenuItem label="Level 1" />
         <MenuItem label="Level 1" />
         <MenuItem label="Level 1">
-          <MenuItem label="Level 2" />
+          <MenuItem label="Level 2">
+            <MenuItem label="Level 3" />
+            <MenuItem label="Level 3">
+              <MenuItem label="Level 4" />
+            </MenuItem>
+          </MenuItem>
           <MenuItem label="Level 2" />
           <MenuItem label="Level 2" />
         </MenuItem>

packages/styles/scss/components/menu/_menu.scss

@@ -56,6 +56,7 @@
   }
 
   .#{$prefix}--menu--shown {
+    overflow: visible;
     opacity: 1;
   }