@morfeo/core - @morfeo/web | hook into resolveProperty and theme.set

[mauroerta]

@morfeo/core

Remove from @morfeo/specs and @morfeo/core any reference to responsive design since it is specific to web development.
In order to do it we have to hook into the process of resolution of the properties, for example:

A style like the following is only allowed if @morfeo/web is imported:

morfeo.parsers.resolve({
  p: {
     xs: 'm',
     md: 'l',
  }
})

But, in reality, the logic to resolve this style is actually inside the core of morfeo, @morfeo/web only augments the type Style in order to make this possible.

The idea is to hook into the process of morfeo.resolve by exposing something like morfeo.onResolveProperty, this way we can move all the logic from @morfeo/core to @morfeo/web:

// Inside @morfeo/web

morfeo.onResolveProperty(responsiveGuard);

function responsiveGuard({ property, value, next, ...rest }) {
   if (isResponsive(value)) {
       return resolveResponsiveProperty({ property, value, ...rest })
   }

   return next({ property, value, ...rest });
}

⚠ This API exposed is just an example, the final implementation could be different

_MRF-28