Styled-system in react native responsive values

Question

I am trying to use styled-system library in my react native app . I want to use responsive style in my box component but I get error "Node of type atrule not supported as an inline style". How can I fix this warning ?

//theme

 export const space = {
    NONE: 0,
    S: 4,
    M: 8,
    L: 16,
    XL: 32,
   
  };

// component

 <Box flex={0.5} bg="text" marginTop={["S","M","L","XL"]}/>