fix(Command): Fix problems not displayed by Secondary

Author: chenyueban

packages/fluent-ui/src/Command/Command.styled.ts

@@ -24,9 +24,11 @@ export const StyledPrimary = styled.div`
   flex: 1;
 `
 
-export const StyledSecondaryContainer = styled(Box).attrs({
-  backgroundColor: th.color('standard.light2')
-})`
+export const StyledSecondaryContainer = styled(Box).attrs(
+  (props): any => ({
+    backgroundColor: th.color('standard.light2').call(undefined, props)
+  })
+)`
   display: flex;
   flex-direction: column;
   width: 130px;

packages/fluent-ui/src/Command/Command.tsx

@@ -65,7 +65,8 @@ const Command = React.forwardRef<HTMLDivElement, CommandProps>(
       const position = {
         position: 'absolute',
         left: `${rect.left + window.scrollX}px`,
-        top: `${rect.top + window.scrollY + rect.height}px`
+        top: `${rect.top + window.scrollY + rect.height}px`,
+        zIndex: 9999
       }
       setSecondaryVisible((visible: boolean): boolean => !visible)
       setPortalStyle(position)