Web Container Styled being applied to all fresnel divs when using responsive values

Description

When using the dripsy fresnel-2 branch the webContainerSx prop is applying styles to all fresnel divs, not just the current breakpoint when multiple fresnel divs a present.

Example

Component:

<Container
      webContainerSx={{ flex: 1 }}
      sx={{ justifyContent: "center", alignItems: "center", flex: 1 }}
    >
    <Text>Here</Text>
</Container>

Theme value:

container: {
  px: ["base", "large", "huge"],
},

[nandorojo]

Let me know if this resurfaces, closing for now.

[nandorojo]

This fixed some style issues on my app, good catch, I didn’t even realize that was causing it.