fix(DropdownMenu): use Bootstrap default offsets (react-bootstrap#5662)

Author: kyletsang

src/DropdownMenu.tsx

@@ -11,7 +11,6 @@ import warning from 'warning';
 import NavbarContext from './NavbarContext';
 import { useBootstrapPrefix } from './ThemeProvider';
 import useWrappedRefWithWarning from './useWrappedRefWithWarning';
-import usePopperMarginModifiers from './usePopperMarginModifiers';
 import {
   BsPrefixProps,
   BsPrefixRefForwardingComponent,
@@ -155,7 +154,6 @@ const DropdownMenu: BsPrefixRefForwardingComponent<
   ) => {
     const isNavbar = useContext(NavbarContext);
     const prefix = useBootstrapPrefix(bsPrefix, 'dropdown-menu');
-    const [popperRef, marginModifiers] = usePopperMarginModifiers();
 
     const alignClasses: string[] = [];
     if (align) {
@@ -195,18 +193,13 @@ const DropdownMenu: BsPrefixRefForwardingComponent<
       show: showProps,
       alignEnd: alignRight,
       usePopper: !isNavbar && alignClasses.length === 0,
-      popperConfig: {
-        ...popperConfig,
-        modifiers: marginModifiers.concat(popperConfig?.modifiers || []),
-      },
+      offset: [0, 2],
+      popperConfig,
     }) as UseDropdownMenuValueHack;
 
     menuProps.ref = useMergedRefs(
-      popperRef,
-      useMergedRefs(
-        useWrappedRefWithWarning(ref, 'DropdownMenu'),
-        menuProps.ref,
-      ),
+      useWrappedRefWithWarning(ref, 'DropdownMenu'),
+      menuProps.ref,
     );
 
     if (!hasShown && !renderOnMount) return null;