Revert "chore(datagrid): remove unnecessary & block in scss"

This reverts commit f87a627.

The reverted change caused me to constrain too many styles in the next
commit (bcce110).

projects/angular/src/data/datagrid/_datagrid.clarity.scss

@@ -1654,35 +1654,37 @@
   }
 
   .datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper {
-    div.datagrid-table-wrapper {
-      /**
+    & {
+      div.datagrid-table-wrapper {
+        /**
          * So the content with no spaces in the cell doesn't get cut when and the row selected indicator is not hidden
          * e.g. Helloworldthisisaveryveryveryveryverylongcontent
          */
-      display: block;
-      /**
+        display: block;
+        /**
          * To get rid of detail-pane overlapping the content inside the rows
          */
-      overflow: hidden;
-    }
+        overflow: hidden;
+      }
 
-    clr-dg-cell {
-      /**
-           * Since we use inline width of each column in order to maintain manual resizing,
-           * we need to use !important to override the inline width.
-           */
-      width: 100% !important;
-    }
+      clr-dg-cell {
+        /**
+         * Since we use inline width of each column in order to maintain manual resizing,
+         * we need to use !important to override the inline width.
+         */
+        width: 100% !important;
+      }
 
-    /**
+      /**
        * Needed to prevent hidding the sorting and filtering icons
        */
-    clr-dg-column:first-child {
-      /**
-           * Since we use inline width of each column in order to maintain manual resizing,
-           * we need to use !important to override the inline width.
-           */
-      width: auto !important;
+      clr-dg-column:first-child {
+        /**
+          * Since we use inline width of each column in order to maintain manual resizing,
+          * we need to use !important to override the inline width.
+          */
+        width: auto !important;
+      }
     }
 
     .datagrid {