Support Nested Properties

[waynevanson]

I would really like to be able to DIY the way I consume sprinkles.
Any shape (struct or tuple) of any depth for properties. This has to be the only feature I'm dying to have.
The depth allows us create far more complex structures.

Looking at the code, it's probably possible.
Only consider the deepest struct as the StyleRule.
There's much more I probably haven't considered.

The type error from the below snipped can be seen here: https://codesandbox.io/s/lingering-worker-rszli?file=/src/index.ts

import { defineProperties } from "@vanilla-extract/sprinkles";

const space = {
  none: 0,
  small: "4px",
  medium: "8px",
  large: "16px",
};

const responsiveProperties = defineProperties({
  properties: {
    layout: {
      padding: {
        x: {
          paddingLeft: space,
          paddingRight: space,
        },
        y: {
          paddingTop: space,
          paddingBottom: space,
        },
        top: { paddingTop: space },
        bottom: { paddingBot: space },
        left: { paddingLeft: space },
        right: { paddingRight: space },
      },
    },
  },
});

Would this be a welcome addition to the API?