How to extend styles like styled-componets？ about styils HOT 4 CLOSED

in vue3 , i have tried to pass other style components to styled, and the page appears to be working properly. The console prompts for some warnings, but adding CSS will fail after switching themes.
(requires manual addition !important)

export const Menu = styled("div", (theme) => ({
  display: "flex",
  gap: "20px",
  position: "sticky",
  top: "0",
  color: theme?.color,
  backgroundColor: theme?.backgroundColor,
  transition: "linear .3s",
}));

export const NMenu = styled(Menu, (theme) => ({
  top: "100px",
}));

from styils.

Hi, I will investigate.

from styils.

@xh4528 Already fixed in v1.1.6, if there are still problems, please feel free to reopen or create a new issue.🤞

from styils.

@zoy-l After updating v1.1.6, this issue has been resolved. Thank you for your help 👍

from styils.