Squash styles

[craigbilner]

Do you want to request a feature or report a bug?

Feature

What is the current behaviour?

react-native-web styles are hoisted in a snapshot for comparison but are bloated by not being unique

What is the expected behaviour?

See article-with-style.web.test.js.snap

"S10": {
    "line-height": "15px",
    "margin-bottom": "0px",
    "margin-top": "0px",
    "padding-bottom": "0px",
    "padding-top": "0px",
  },
  "S11": {
    "margin-bottom": "0px",
    "margin-top": "0px",
    "padding-bottom": "5px",
    "padding-top": "5px",
  },
  "S12": {
    "line-height": "15px",
    "margin-bottom": "0px",
    "margin-top": "0px",
    "padding-bottom": "0px",
    "padding-top": "0px",
  },

S10 and S12 can be squashed

If this is a feature request, what is the motivation or use case for changing
the behaviour?

Smaller snapshots