code: function shouldReplaceCurrentSection(style, styles, options) {
      const { attrs } = style;
      const sectionScoped = _.get(attrs, 'scoped') === true;
      const sectionTheme = _.get(attrs, 'theme');
      const isThemed = sectionTheme != null && sectionTheme.length > 0;
      const sectionId = _.get(attrs, 'id');
  
      // Replace all non-active themed sections
      if (isThemed) {
          return sectionTheme !== options.theme;
      }
  
      // This is a base section, see if we find a themed section to replace us
      const replacementStyle = styles
          // Only look at subsequent active themes
          .filter(s => _.get(s.attrs, 'theme') === options.theme)
          // Of the same scope
          .filter(s => ((_.get(s.attrs, 'scoped') === true) === sectionScoped))
          .find(s => (
              // When we find a boolean replace attribute, we always replace
              _.get(s.attrs, 'replace') === true ||
              // Or we replace if we find a themed section that specified to
              // replace our specific id
              (sectionId != null && _.get(s.attrs, 'replace') === sectionId)
          ));
  
      return replacementStyle != null;
  }
docs: Determine if a given <style> section should be replaced, based on looking at all other sections.  Rules for replacement: - Sections will only ever be replaced by sibling sections that are of the same "scoped" value (i.e., non-scoped or scoped) - All themed sections will be replaced if they are not the current theme - A themed section with a boolean `replace` attribute will replace _all_ non-themed sections for the same scoped value - A themed section that passes a value to the `replace` attribute will only replace non-themed sections with `id="..."` where the value matches the value of the `replace` attribute