Support CSS Layers in Sprinkles API

[Kesmek]

Support for CSS layers was recently added to vanilla extract which was an excellent addition. I plan on experimenting with layers in the near future but I noticed that the vanilla-extract/sprinkles package doesn't support layers yet, at least not obviously. My thought process is that perhaps the layers API could be used to resolve some tricky aspects of using sprinkles in a recipe for example (as some have already experienced #1, #2).

My idea would have the layer be defined in as a prop of defineProperties:

const exampleLayer = layer("layer");
const exampleGlobalLayer = globalLayer("global");

const props = defineProperties({
  conditions: {
    ...
  },
  properties: {
    ...
  },
  layer: exampleLayer,
});


const propsGlobal = defineProperties({
  conditions: {
    ...
  },
  properties: {
    ...
  },
  layer: globalLayer,
});

I'm far from an expert in this library so I'm sure there are flaws with this example implementation but hopefully the general idea comes across clearly.

Is support for layers in Sprinkles possible or does the current architecture of VE and Sprinkles render that impossible?