Replace `#toc` selector by `.toc`

Replacing id CSS selector by lower specific class selector.

Bug: T187808
Depends-on: I7f3a9df7f9fd1178986112b5265b1ae7c991d5b7
Change-Id: If8768278750d49e70a29d993e759f246082fefb0

components/common.less

@@ -133,7 +133,6 @@ body {
 		font-size: 100%; /* (reset) */
 	}
 
-	#toc h2,
 	.toc h2 {
 		font-size: 100%; /* (reset) */
 		font-family: @content-font-family;

print.less

@@ -29,7 +29,7 @@
 	/* These styles retain the existing typography in screen.less
 	In future (when deploying these styles) we may want to refactor skins.vector.styles
 	to apply certain styles in print as well as screen mode. */
-	#toc,
+	.toc,
 	body {
 		padding: 10px;
 		font-family: @font-family-serif;
@@ -170,8 +170,7 @@
 		}
 	}
 
-	// Using #toc rather than .toc to override default print style
-	#toc {
+	.toc {
 		page-break-before: avoid;
 		page-break-after: avoid;
 		background: none;