Refer to ticket LEMS-3686 in the comments for using CSS modules with WB (#3003)

## Summary:
There are a number of TODO comments in the code saying to switch to CSS modules
once Wonder Blocks has support for it, but there was no ticket to point to.

I just created a ticket (LEMS-3686) and updated all the existing TODO comments
to refer to that ticket.

Issue: none

## Test plan:
N/A

Author: nishasy

Reviewers: mark-fitzgerald, catandthemachines, ivyolamit, SonicScrewdriver, anakaren-rojas

Required Reviewers:

Approved By: mark-fitzgerald, catandthemachines

Checks: ✅ 10 checks were successful

Pull Request URL: #3003

Author: nishasy

.changeset/clever-seals-cover.md

@@ -0,0 +1,2 @@
+---
+---

packages/perseus-editor/src/components/issue-cta.tsx

@@ -33,7 +33,7 @@ const IssueCta = ({issue}: Props) => {
 
 export default IssueCta;
 
-// TODO: Use CSS modules after Wonder Blocks styles
+// TODO(LEMS-3686): Use CSS modules after Wonder Blocks styles
 // are moved to a different layer.
 const styles = {
     button: {

packages/perseus-editor/src/widgets/image-editor/utils.ts

@@ -1,6 +1,6 @@
 import {sizing} from "@khanacademy/wonder-blocks-tokens";
 
-// TODO: Use CSS modules after Wonder Blocks styles
+// TODO(LEMS-3686): Use CSS modules after Wonder Blocks styles
 // are moved to a different layer.
 export const wbFieldStyles = {
     root: {

packages/perseus-editor/src/widgets/interactive-graph-editor/interactive-graph-editor.module.css

@@ -1,4 +1,5 @@
 /* We have to use !important until wonder blocks is in the shared layer. */
+/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */
 .single-select-short {
     /* Non-standard spacing, but it's the smallest we can go
     without running into styling issues with the dropdown. */

packages/perseus-editor/src/widgets/radio/radio-status-pill.tsx

@@ -21,7 +21,7 @@ export function RadioStatusPill({
     return (
         <Pill
             size="large"
-            // TODO: Update to use CSS modules when we can
+            // TODO(LEMS-3686): Update to use CSS modules when we can
             // use them with Wonder Blocks.
             style={{
                 // Space between the pill and the text

packages/perseus/src/widgets/image/components/explore-image-modal-content.tsx

@@ -99,7 +99,7 @@ export default function ExploreImageModalContent({
     );
 }
 
-// TODO: Use CSS modules after Wonder Blocks styles
+// TODO(LEMS-3686): Use CSS modules after Wonder Blocks styles
 // are moved to a different layer.
 const wbStyles = {
     descriptionHeading: {

packages/perseus/src/widgets/image/components/explore-image-modal.tsx

@@ -46,7 +46,7 @@ export const ExploreImageModal = (props: ImageDescriptionAndCaptionProps) => {
     );
 };
 
-// TODO: Use CSS modules after Wonder Blocks styles
+// TODO(LEMS-3686): Use CSS modules after Wonder Blocks styles
 // are moved to a different layer.
 const wbStyles = {
     root: {