Merge pull request #5211 from salesforce-ux/feat/wcag-dist

Chore(npm): add default & root scope

Author: sumugapadman

formats/custom-props.js

@@ -1,11 +1,11 @@
 const theo = require('theo');
 
 const SLDS = 'slds';
-const SCOPED_NAMESPACE = 'slds-wcag';
+const SCOPED_NAMESPACE = process.env.WCAG_MODE ? ':root' : '.slds-wcag';
 
 theo.registerFormat(
   'custom-props.scss',
-  `.${SCOPED_NAMESPACE} {
+  `${SCOPED_NAMESPACE} {
   {{#each props as |prop|}}
     {{#if prop.comment}}/* {{{prop.comment}}} */{{/if}}
     --${SLDS}-{{#eq prop.scope "global"}}g-{{/eq}}{{#eq prop.scope "shared"}}s-{{/eq}}{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};