Fix missing CSS namespace on active IDE tab class (#917)

Author: rezrah

.changeset/neat-singers-rest.md

@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Internal change to CSS module type definitions in the `IDE` component. No user-facing updates to `IDE` presentation or functionality are expected.

packages/react/src/IDE/IDE.module.css

@@ -212,13 +212,13 @@
   background: var(--brand-IDE-glass-editor-tab-bgColor-rest);
 }
 
-.IDE__Editor-tab.active {
+.IDE__Editor-tab--active {
   color: var(--brand-color-text-default);
   border-top: var(--brand-borderWidth-thin) solid var(--brand-IDE-default-editor-tab-borderColor);
   z-index: 1;
 }
 
-.IDE--default .IDE__Editor-tab.active {
+.IDE--default .IDE__Editor-tab--active {
   background: var(--brand-IDE-default-editor-tab-bgColor-active);
 }
 
@@ -227,12 +227,12 @@
   color: var(--brand-color-text-subtle);
 }
 
-.IDE--glass .IDE__Editor-tab.active {
+.IDE--glass .IDE__Editor-tab--active {
   color: var(--brand-color-text-default);
   background: var(--brand-IDE-glass-editor-tab-bgColor-active);
 }
 
-.IDE--full-exp.IDE--glass .IDE__Editor-tab.active {
+.IDE--full-exp.IDE--glass .IDE__Editor-tab--active {
   background: var(--brand-IDE-default-editor-bgColor);
 }
 

packages/react/src/IDE/IDE.module.css.d.ts

@@ -30,12 +30,12 @@ declare const styles: {
   readonly "IDE__Editor-pane--suggested": string;
   readonly "IDE__Editor-replay": string;
   readonly "IDE__Editor-tab": string;
+  readonly "IDE__Editor-tab--active": string;
   readonly "IDE__Editor-tab-close-icon": string;
   readonly "IDE__Editor-tab-icon": string;
   readonly "IDE__Editor-tabs": string;
   readonly "IDE__inner": string;
   readonly "IDE__main": string;
-  readonly "active": string;
 };
 export = styles;
 

packages/react/src/IDE/IDE.tsx

@@ -438,7 +438,7 @@ const _Editor = memo(
                 <button
                   {...tabs.getTabProps(index.toString())}
                   key={file.name}
-                  className={clsx(styles['IDE__Editor-tab'], isActiveTab && styles.active)}
+                  className={clsx(styles['IDE__Editor-tab'], isActiveTab && styles['IDE__Editor-tab--active'])}
                 >
                   {language && (
                     <img