feat: avoid generating unused preset styles (#5121)

Now we have first-class support for html tags and able to figure out
which tags are rendered so unused preset styles can be removed from
websites.

For example

```
<Box ws:tag="div">
  <Box ws:tag="span">
  </Box>
</Box>
```

will render only div.w-box and span.w-box though there are more presets
for for other tags like main, section etc.

Before all tags were generated

Author: TrySound

apps/builder/app/shared/copy-paste.test.tsx

@@ -28,6 +28,7 @@ import {
 } from "./instance-utils";
 import { $project } from "./nano-states";
 import { findAvailableVariables } from "./data-variables";
+import { camelCaseProperty } from "@webstudio-is/css-data";
 
 $project.set({ id: "current_project" } as Project);
 
@@ -83,8 +84,14 @@ const insertStyles = ({
   styleSourceId: string;
   style: TemplateStyleDecl[];
 }) => {
-  for (const styleDecl of style) {
-    const newStyleDecl = { breakpointId, styleSourceId, ...styleDecl };
+  for (const { state, property, value } of style) {
+    const newStyleDecl = {
+      breakpointId,
+      styleSourceId,
+      state,
+      property: camelCaseProperty(property),
+      value,
+    };
     data.styles.set(getStyleDeclKey(newStyleDecl), newStyleDecl);
   }
 };