Support nested or inherited scopes?

[bernardmcmanus]

module.exports = ({ Scope }) => ({
  [Scope('desktop')]: {
    // ...
    [Scope('browser')]: {
      // ...
    },
    [Scope('node')]: {
      // ...
    }
  },
  [Scope('mobile')]: {
    // ...
    [Scope('browser')]: {
      // ...
    },
    [Scope('node')]: {
      // ...
    }
  }
});

or

module.exports = ({ Scope }) => ({
  [Scope('browser')]: {
    // ...
  },
  [Scope('node')]: {
    // ...
  },
  [Scope('desktop')]: {
    extends: Scope('browser'),
    // ...
  },
  [Scope('desktop')]: {
    extends: Scope('node'),
    // ...
  },
  [Scope('mobile')]: {
    extends: Scope('browser'),
    // ...
  },
  [Scope('mobile')]: {
    extends: Scope('node'),
    // ...
  }
});