Transform between CSS string and JS object

Are there any functions in emotion (either via api, or in the supporting code) that will accept a css string (or css file of classes and transform into a proper JS object? I see a few other libraries out there that do this, but if it can be done with emotion, this is a win.

For example, convert

foo {
  background-color: black;
  color: orange;
  margin-top: 10px;
} 

Into:

{
  foo: {
    backgroundColor: "black",
    color: "orange",
    marginTop: "10px"
  }
}

I tried passing the string to css``, but it just transforms it into a string under a style field.

[Andarist]

U can use serializeStyles from @emotion/serialize:

serializeStyles([cssObj])

[Andarist]

Not sure what is your exact use case and what do u plan to do with the converted object but this should be a good base for you to start working with: https://codesandbox.io/s/stupefied-tdd-j70vt?file=/src/index.js