Inline plugin global styles

So since the current approach to declaring global styles seems to be best accomplished through preflight, it would be nice to provide some kind of merging strategy for common selector keys as to avoid this sort of code…

preflight: ({ html, ...preflight }, { theme }) => ({
  ...preflight,
  html: {
    color: theme('colors.gray.900'),
    ...html,
  },
})

Otherwise, I think there should be some discussion about ways to declare global styles.

Regarding this new (:global)[https://github.com/tw-in-js/twind/blob/main/docs/plugins.md#inject-global-styles] property, is it at all possible to declare global styles from within inline plugins? That would be a nifty way to allow declaration of global styles from virtually anywhere in your app.

[tylerforesthauser]

Done

[sastan]

@tylerforesthauser This issue has two topics. Using tw.apply in :global and in preflight should now be fixed in #83 . Preflight merging should be a new issue discussing its impact. Could you please create one only for merging preflight styles.